微信小程序设计文档

您所在的位置:网站首页 微信小程序设计思路文字描述怎么写 微信小程序设计文档

微信小程序设计文档

2023-12-19 07:29| 来源: 网络整理| 查看: 265

小程序方案设计

我设计的小程序名字叫“运动之参天大树”,大体上是想设计一个通过运动来种树的小程序。用户注册之后,可以在喜欢的地方种树,然后连通微信步数来换取浇水的水滴,对树进行浇水,树得到水滴之后会变大,到了一定的大小可以选择收获,即砍树放入收藏夹里,之后可以在收藏夹里查询到。收藏夹位于个人中心,个人中心还可以修改自己的资料。

项目的流程图如下:

 

整个项目的功能任务点有:注册、登录、种树、浇水、砍树、收藏夹展示、个人中心及资料、天气查询。

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