该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行
环境配置:
Node.js+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue+Express。
项目技术:
Express框架 + Node.js+ Vue 等等组成,B/S模式 +Vscode管理+前后端分离等等。
环境需要
1.运行环境:最好是Nodejs最新版,我们在这个版本上开发的。其他版本理论上也可以。
2.开发环境:Vscode或HbuilderX都可以。推荐HbuilderX;
3.mysql环境:建议是用5.7版本均可
4.硬件环境:windows 7/8/10 1G内存以上;或者 Mac OS;
6.Navcat11:这个版本不限10/11/14/15都可以。;
Node.js毕设帮助,指导,本源码(见文末),调试部署
3.4性能分析
从上面的描述中可以基本了解软件的功能需求:
1、启动App Widget应用程序;
2、设置界面:对要显示“儿童积分奖励”的信息及更新频率进行设置;
3、详细界面:通过文字图片动画显示当前的积分奖励情况,包括任务信息、积分礼品、积分到账等;
4、显示界面:通过文字和图片显示当前的积分奖励情况。
根据系统功能需求建立的模块关系图如下图:
图3-1 管理员结构图
3、设计原则
本“儿童积分奖励”APP采用Android系统,使用Java语言开发,充分保证了系统稳定性、完整性。
“儿童积分奖励”APP的设计与实现的设计思想如下:
(1)操作简单方便、系统界面安全良、简单明了的页面布局、方便查询积分奖励信息管理相关内容。
(2)即时可见:对“儿童积分奖励”APP信息的处理将立马在对应地点可以查询到,从而实现“即时发布、即时见效”的系统功能。
(3)功能的完善性:可以管理首页、个人中心、家长管理、申请账户管理、积分账户管理、任务信息管理、任务完成管理、积分礼品管理、积分到账管理、积分兑换管理、积分扣除管理、管理员管理、系统管理等功能的修改维护操作。
通过“儿童积分奖励”APP的功能进行规划分成几个实体信息,实体信息将通过ER图进行说明,本系统的主要实体图如下:
申请账户管理实体属性图如图4-1所示。
图4-1申请账户管理实体属性图
任务信息管理实体属性图如图4-2所示。
图4-2任务信息管理实体属性图
5.1用户端
用户登录,用户通过输入用户名和密码,选择角色并点击登录进行系统登录操作,如图5-1所示。
图5-1用户登录界面图
家长注册,在家长注册页面通过填写家长账号、密码、家长姓名、性别、小孩姓名、小孩年龄、家长电话等信息进行注册操作;如图5-2所示。
图5-2家长注册界面图
用户登陆系统后,可以对首页、任务信息、积分礼品、积分到账、我的等功能模块进行操作,如图5-3所示。
图5-3系统首页界面图
任务信息,在任务信息页面可以查看任务标题、任务类型、图片、任务积分、任务备注、任务内容等信息进行任务完成或收藏操作,如图5-4所示。
图5-4任务信息界面图
积分礼品,在积分礼品页面可以查看礼品名称、礼品分类、礼品品牌、图片、积分、数量、礼品详情等信息进行积分兑换或收藏等操作,如图5-5所示。
图5-5积分礼品界面图
积分到账,在积分到账页面可以查看小孩姓名、积分账号、图片、家长账号、积分数、扣除日期、积分备注等信息,如图5-6所示。
图5-6积分到账界面图
我的,在我的页面可以对申请账户、积分账户、任务信息、任务完成、积分礼品、积分到帐、积分兑换、积分扣除、我的收藏管理等详细信息进行操作,如图5-7所示。
图5-7我的界面图
用户信息,在用户信息页面通过填写家长账号、密码、家长姓名、小孩性别、小孩头像、小孩姓名、小孩年龄、家长电话等详细信息进行保存操作,如图5-8所示。
图5-8用户信息界面图
5.2管理端
管理员登录,管理员通过输入账号、密码,选择角色并点击登录进行系统登录操作,如图5-9所示。
图5-9管理员登录界图面
管理员登陆系统后,可以对首页、个人中心、家长管理、申请账户管理、积分账户管理、任务信息管理、任务完成管理、积分礼品管理、积分到账管理、积分兑换管理、积分扣除管理、管理员管理、系统管理等功能模块进行相应操作,如图5-10所示。
图5-10管理员功能界图面
家长管理,在家长管理页面可以对索引、家长账号、家长姓名、小孩性别、小孩头像、小孩姓名、小孩年龄、家长电话等内容进行修改或删除等操作,如图5-11所示。
图5-11家长管理界面图
申请账户管理,在申请账户管理页面可以对索引、家长账号、家长姓名、小孩头像、小孩姓名、申请日期、申请备注、审核回复、审核状态、审核等内容进行详情、积分账户、修改或删除等操作,如图5-12所示。
图5-12申请账户管理界面图