项目运行
环境配置:
Node.js最新版+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue。
项目技术:
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毕设帮助,指导,本源码(见文末),调试部署
4.2.1系统功能模块
社区留守儿童帮扶系统,在系统首页可以查看首页、留守儿童、活动公示、留言反馈、个人中心、后台管理等内容,如图5-1所示。
图4-1系统首页界面图
留守儿童,在留守儿童页面可以查看姓名、性别、年龄、学校、年级、父母、联系电话、家庭住址、现居人口、家庭描述、用户名等详细内容,进行帮扶,如图4-2所示。
图4-2留守儿童界面图
用户注册,在用户注册页面通过填写用户名、密码、姓名、身份证、手机等信息完成用户注册,如图4-3所示。
图4-3用户注册界面图
活动公示,在活动公示页面可以查看标题、公告信息等详细信息,如图4-4所示。
图4-4活动公示界面图
个人中心,在个人中心页面通过填写用户名、密码、姓名、性别、身份证、手机等内容进行更新信息,如图4-4所示。
图4-5个人中心界面图
4.2.2管理员功能模块
管理员登录,通过填写注册时输入的用户名、密码、角色进行登录,如图4-6所示。
图4-6管理员登录界面图
管理员登录进入社区留守儿童帮扶系统可以查看首页、个人中心、用户管理、帮扶人管理、留守儿童管理、帮扶信息管理、系统管理等信息,如图4-7所示。
图4-7管理员功能界面图
用户管理,在用户管理页面中可以查看索引、用户名、密码、姓名、性别、头像、身份证、手机等内容,还可以根据需要进行修改或删除等操作,如图4-8所示。
图4-8用户管理界面图
帮扶人管理,在帮扶人管理页面中可以查看索引、账号、密码、帮扶人姓名、性别、头像、年龄、联系电话、工作单位、家庭住址等信息,并可根据需要进行修改或删除等操作,如图4-9所示。
图4-9帮扶人管理界面图
留守儿童管理,在留守儿童管理页面中可以查看索引、姓名、性别、头像、年龄、学校、年级、父母、联系电话、家庭住址、现居人口、家庭描述、用户名等信息,并可根据需要进行修改或删除等操作,如图4-10所示。
图4-10留守儿童管理界面图
帮扶信息管理,在帮扶信息管理页面中可以查看索引、姓名、性别、年龄、联系电话、帮扶内容、帮扶金额、账号、帮扶人姓名、家庭住址、工作单位、是否支付、审核回复、审核等内容,并且根据需要进行修改或删除等操作,如图4-11所示。
图4-11帮扶信息管理界面图
系统管理,在轮播图管理页面中可以查看索引、名称、值等内容,并且根据需要对活动公示进行相对应操作,如图4-12所示。
图4-12系统管理界面图
4.2.3用户功能模块
用户登录进入社区留守儿童帮扶系统可以查看首页、个人中心、留守儿童管理、帮扶信息管理等内容,如图4-13所示。
图4-13用户功能界面图
个人中心,在个人中心页面中通过填写用户名、密码、姓名、性别、头像、身份证、手机等信息进行修改,如图4-14所示。
图4-14个人中心界面图
4.2.4帮扶人功能模块
帮扶人登录进入社区留守儿童帮扶系统可以查看首页、个人中心、帮扶信息管理等内容,如图4-15所示。
图4-15帮扶人功能界面图
个人中心,在个人中心页面中通过填写账号、密码、帮扶人姓名、性别、头像、年龄、联系电话、工作单位、家庭住址等信息进行修改,如图4-16所示。
图4-16个人中心界面图
帮扶信息管理,在帮扶信息管理页面中可以查看索引、姓名、性别、年龄、联系电话、帮扶内容、帮扶金额、账号、帮扶人姓名、家庭住址、工作单位、是否支付、审核回复等内容,进行删除操作,如图4-17所示。
图4-17帮扶信息管理界面图