1、选题

2、团队合作及冲突解决

3、项目实现

4、今后计划

答：总结与反思如下

1）选题

我们组选择的项目是做一个微信小程序。微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

小程序提供了一个简单、高效的应用开发框架和丰富的组件及API，帮助开发者在微信中开发具有原生 APP 体验的服务。

基于微信小程序轻快的特点，小程序拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内，建立友好、高效、一致的用户体验，同时最大程度适应和支持不同需求，实现用户与小程序服务方的共赢。

2）团队合作及冲突解决

合作：

a. 一个高效率的团队，成员不一定是十全十美的，要充分尊重并接受各具特长的每个成员。每个人不是一定完美的，但是一定有自己的发光点。
b. 既然各有所长，也要各取所短。容纳每个人的缺点和不擅长之处，互相取长补短。团队成员千万不要瞧不起别人，要虚心倾听他人意见，虚心请教。
c. 当然，有分歧的时候、意见不同的时候肯定会遇到，这是很正常的事情，这种情况下，每个成员发表自己的意见，最后由团队组长决定。
d. 团队想要高效率的工作，就要给予每个成员合适的工作。让每个人做自己各自擅长的部分，这样时间上的效率就非常高，如果有剩余时间，可以互相评价一下各自工作并提出合理意见，成员再进行适当修改。
e. 如果任务较艰难，时间也非常紧迫，就需要团队内成员的互相配合，一个人完成工作是不太可能了，就需要分组干活，当然有男有女的分组应该更和谐，男女搭配，干活不累。
f. 交流是一个团队必须的要素，尊重每个人更是成员互相进行合作的前提。团队组长可以建立小组奖惩机制，并适时的给成员开个小会，是非常促进团队和谐的。

冲突解决：

a. 避免口头的规章制度

要想让团队成员服从管理，或者保持一定的团结，就必须设立一定的规章制度来约束，不是口头的那种，而是整理成文件下发到每个人手中必须谨记与遵守的制度。

b. 用PK的方式打破冲突

如果一个团队总是谁也不服谁，这个时候可以通过PK的方式，公开比赛然后做出结果判断，这样就可以很好地解决这个问题，也不至于伤及团队的心情。

c. 注意团队成员的匹配度

对于团队成员的组成，一定要根据他们的性格特征与能力来进行匹配，目的是为了防止日后工作中出现不必要的麻烦。

d. 树立一致的团队文化

一致的团队文化，可以让大家可以保持一致的奋斗目标，也正是因为如此才能够帮助团队更好地在未来快速发挥团队价值，减少不必要的冲突。

e. 保持定期的团队沟通

为了让团队成员之间更加熟悉与了解，可以定期地组织一些团建或者沟通，这样可以通过对彼此的了解，从而保证日后的工作正常开展。

f. 我们都知道一个团队如果团结就能够发挥出惊人的效果，反之，则就影响整个企业的前进，作为管理者一定要注重团队建设，只有这样才能够帮助企业更好地将人尽其用。

3）项目实现

步骤：

（1） 如何创建小程序

很简单，首先下载微信开发者工具，下载稳定版本的就好。注意正式的小程序需要审批，拿到正式的APPID，我们测试的或者暂时没有的可点那个测试的appid，小程序模板选择默认就好。按照这样的流程走完，我们就创建完一个小程序了。

（2） webstrom支持小程序开发

创建完小程序之后，我们先不着急开发。工欲善其事必先利其器，微信开发者工具有点卡，而且功能少，开发效率很低。所以我们还是改造自己的编译器，这里只介绍2种方法。一是 hbuilderX，他有支持小程序的模块，很小巧的一款编译器； 二是 webstorm，我用的他，在这介绍一下配置的方法，其他的大家自行google吧。

a. 支持wxml和wxss的文件类型，有语法高亮。 打开webstorm编译器，依次点击    文件 — 设置 — 编辑器 — 文件类型 ， 找到 html文件，添加  *.wxml;  找到Cascading style Sheet ，添加 *.wxss。就OK了

b. 支持小程序代码提醒，下载这个文件，然后把他放到一个显眼的地方；然后， webstorm  点击  文件 — 导入设置 ，找到这个下载的文件，点击确定即可。以上就是webstorm支持小程序语法的操作。

（3）基础文件目录

project.config.json：小程序的配置文件，包含项目打包配置、上传代码自动压缩等等，是一些开发、打包之类的配置。

app.json：当前项目的配置文件。包括项目的页面引入、导航条颜色、导航条标题等等，是项目具体到代码开发上的配置。

pages：包含的页面。每次新增页面都得在这里引入，否则新页面的json配置等无法生效。 注意pages中页面先写的先渲染，所以数组第一条也就是我们的首页。

Window：配置所有页面导航条字体、颜色、背景色等。

app.js：小程序入口文件。生成小程序实例，App({}), 通常在这获取用户信息、授权信息、定义全局变量等。

app.wxss：小程序全局
style 文件。对整个项目页面生效。通常规定项目的 字体、基础颜色，定义一些公共样式。

Utils：工具函数目录。通常用来放一些公共的js方法。比如封装的request请求，一些别的处理数据什么的方法。

Pages：小程序的页面目录。所有的小程序页面，都写在这里面。

（4）完善项目目录

上边大致解释了一下小程序的基础文件，现在按照常见的规范完善一下项目目录，这里面包含一些个人见解，有需要的参考即可。先看一下结果：

components： 我们封装的小程序可复用组件。

constants： 一些项目中的常亮。

image： 用到的图片。

services： 用到的所有接口目录大致就新建了这几个，如果有别的需求，根据自己的情况增加。

（5）基础语法详解

首先，创建新页面，默认都创建 *.wxml   *.wxss  *.js   *.json  和我们平时写的代码差不多，都是html js css，多了个json配置文件

*.json：常用的属性有2大块，navigationBarTitleText  相关的设置顶部标题的， usingComponents 引用的组件

*.js： getApp() 获取小程序实例，拿全局变量等； Page({}) 创建页面； data 当前页面的变量；onLoad 生命周期，页面加载完毕。

*.wxml：注意，小程序支持的标签很少，像 span 是支持的，div不支持，一般用view代替块级，span、text 代替行级。

*.wxss：大部分css选择器不支持，支持的好像才5个，想支持less等得自己配置

（6）实现页面跳转和通常的web开发一样，小程序页面跳转页分2中，wxml中的vavigator标签，以及js的navigator相关的api。

wx.navigateTo，重定向 wx.redirectTo等等，具体的请看官方文档。强调一下路由传参：

a. 少量数据。直接问号传参。然后在目标页面的onLoad方法中通过options参数接收。

b.大量数据。直接塞到全局变量里面。

（7）wx.request 的封装在utils中新建request.js，简单封装了一下，一些数据要全局配置的都引进来，然后做了些错误的统一处理，没什么难度，不过要特别注意一下cookie的携带。

然后我们使用的时候直接使用封装好的request方法，这样所有的api就封装成一个个函数。我们在页面中直接import引入调用即可。

使用 npm （引入 weui、moment等插件）

因为小程序使用的是不完整的浏览器对象，所以很多js包都是不好使的，比如jquery之类的。所以npm基本是废了，能用的依赖包很少，具体哪些能用得自己发掘了。小程序如何使用npm：

a. 打开 微信开发者工具 — 点击 详情 — 勾选 使用npm模块

b. 打开命令行，进入项目的根目录下， npm init 初始化npm

c. npm i 。。。安装你需要的依赖

d. 打开 微信开发者工具 — 点击 工具 — 点击 构建npm。 此时小程序会将 node_modules 文件编译打包，生成新目录 miniprogram_npm ，

e. 在需要用到的页面的js文件中，const moment= require('moment') 引入，直接使用即可

f. 最后记得忽略文件。新建 .gitignore 文件，node_modules 、 package_lock.json 等文件不需要上传，最好只保留小程序的npm构建包，用什么依赖也是的那个下载。这个到不是必须的

ps: 特殊注意一下weui的引入，这个ui库是纯css的，没有js文件，所以他没法用npm引入，而是直接下载文件，我直接丢到根目录下，然后在 app.wxss 文件的开头引入  

4）今后计划

当校园小程序发展成熟稳定后，我们会进行相应推广，从校园推广到大学城进而推广到整个城市或省，争取打造成熟稳定的校园信用产品品牌。

小组成员：陆浩，罗铠铖，刘琦，童玲，王浩