微信小程序设计文档 |
您所在的位置:网站首页 › 微信小程序设计思路文字描述怎么写 › 微信小程序设计文档 |
小程序方案设计 我设计的小程序名字叫“运动之参天大树”,大体上是想设计一个通过运动来种树的小程序。用户注册之后,可以在喜欢的地方种树,然后连通微信步数来换取浇水的水滴,对树进行浇水,树得到水滴之后会变大,到了一定的大小可以选择收获,即砍树放入收藏夹里,之后可以在收藏夹里查询到。收藏夹位于个人中心,个人中心还可以修改自己的资料。 项目的流程图如下:
整个项目的功能任务点有:注册、登录、种树、浇水、砍树、收藏夹展示、个人中心及资料、天气查询。 Controller接口有HelloController、TreeController、UserController三大类。 HelloController中: /hello //用于测试 TreeController中以/tree为前缀: /plantTree //种树 /getTreeByUserId //根据UserId查找树 /getTreeBySessionId //根据SessionId查找树 /water1 //浇水 /getTree //根据treeId查找树 /cutTree //收获树 /haveTree //查看收获的树 UserController中以/user为前缀: /toregist /regist //注册 /loginWithCode /tologin /login //登录 /stepInfo //步数 小程序中app.json中的pages内容有: "pages/open/open", //欢迎的主界面(登录、注册) "pages/index/index", //登陆后操作的主界面 "pages/logs/logs", //日志文件 "pages/plant/plant", //种树界面 "pages/tree/tree", //树的操作间 "pages/weather/weather", //天气查询页面 "pages/person/person", //个人中心 "pages/detail/detail", //个人中心的资料查看页面 "pages/modify/modify", //个人中心的资料修改页面 "pages/mytree/mytree" //已收获的树的收藏夹 数据表有六个,如下图:
access_info //访问时间统计 step //用户步数统计 tree //已种树 uptree //已收获的树 user //用户 water //微信步数读取为水滴 首先用户进行注册或者登录:
注册完毕,因为是新用户没有树,所以默认进入种树的界面,即/pages/plant/plant,用户就可以开始种树了; 登录完毕,则进入树的操作界面,即/pages/tree/tree,该界面共有三个功能跳转:种树、树的操作间、查询天气。
点击“种树”按钮,可以跳转到种树界面,种树界面
点击种树之后,判断一定范围内是否有树,如果有树就提示用户,该位置已经有树了,提示用户换个地方再试试;如果没有树,就提示用户种植成功,随后自动跳转到树的操作间页面。
点击树的操作间之后,可以跳转到树的操作间页面,即pages/tree/tree。 进入树的操作间页面之后,有三个功能可以进行跳转:浇水、砍树、查询天气。 在树的操作间页面, 可以点击水壶进行浇水,这里会读取用户的微信运动步数,如果微信步数大于0,则提示用户浇水成功及浇水值,并将其转换成水滴,增加树的life;
如果微信步数为0,则提示用户步数不够,运动之后再来试试。
点击砍树图标设置后,会检测用户的树life值是否达到5000,如果大于等于5000,则提示用户砍树成功,并直接砍掉,然后存入收藏夹里;如果小于5000,则提示用户砍树失败,树还不够大。
点击天气查询,即点击熊猫头之后,就会跳转到天气查询页面pages/weather/weather。该页面会自动读取用户的位置,通过腾讯地图的API实时读取城市,再通过和风天气的API读取该城市的天气情况,并将其展示在页面上。
底部还有一个页面是个人中心
点击个人中心,进入个人资料页面
点击修改头像,可以选择拍照或从相册里选择图片进行头像的更换
点击修改资料,可以进行其他资料的更换
在个人中心中,还有树的收藏夹,可以查看当前已收获的树 小程序完成心得: 通过学习spring、mybatis、springboot等web后端开发框架,包括spring基础、AOP、Mybatis核心配置及应用、spring boot基础及进阶、动态SQL等,完成了小程序的开发。 学习spring的时候,有一个很重要的知识点就是bean。整个spring可以看作一个工厂,它的作用是生产和管理spring这个容器中的bean,如果想要在项目中使用这个spring工厂,就需要在配置文件中对spring进行配置,然后就可以将定义后的bean装配到spring容器中。的属性很多,但是一般情况下,我们只需要定义id和class即可,这里我们需要注意的是,如果没有指定id或者name的话,spring会将class当作id来使用。 用了很大一部分精力来学习spring的各个知识点,比如Bean、AOP、数据库开发、mybatis、动态SQL、mybatis关联映射、spring MVC、数据绑定、拦截器等等。这些综合在一起学习,就可以利用spring框架进行企业应用开发。Spring使用分层架构,而其主要功能是通过核心容器实现的,分别是BeanFactory和ApplicationContext.,它们的区别在于BeanFactory作为spring的原始接口,针对原始接口的实现类功能较单一,只有在每次获得对象时,才会创建对象;而用ApplicationContext接口的话,每次容器启动时就会创建容器中配置的所有对象,从而提供更多功能。Beanfactory就是前面提过的管理bean的工厂,而ApplicationContext就是BeanFactory的子接口,即应用上下文,一般是通过ClassPathXmlApplicationContext来创建,这是通过构造器来实例化bean,我们还能通过静态工厂方式来实例化bean。这些都需要我们在实际应用中进行合理地选择与运用,才能使它们发挥最大的用处。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |