项目运行
环境配置:
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毕设帮助,指导,本源码(见文末),调试部署
5.1系统首页的设计
全国乡村振兴信息服务、平台首页页面主要包括首首页、项目信息、平台公示、个人中心、后台管理等内容,并根据需要进行详细操作;如图5-1所示:
图5-1平台首页界面图
项目信息,在项目信息页面可以查看项目名称、项目编号、项目分类、地区、项目预算、发布时间、员工工号、员工姓名、点击次数、项目文件、图片、项目详情等详细内容;并根据需要立即申报、收藏、点赞或评论进行相应操作,如图5-2所示。
图5-2项目信息界面图
个人中心,在个人中心页面通过填写用户账号、密码、用户姓名等信息进行更新信息,还可以根据需要对我的收藏进行详细操作,如图5-3所示。
图5-3个人中心界面图
5.2后台功能模块
后台登录,用户进入系统前在登录页面根据要求填写用户名和密码,选择角色等信息,点击登录进行登录操作,如图5-4所示。
图5-4后台登录界面图
5.2.1管理员功能模块
管理员登录平台后,可以对首页、个人中心、用户管理、工作人员管理、地区管理、服务分类管理、服务信息管理、项目分类管理、项目信息管理、项目申报管理、系统管理等功能进行相应的操作管理,如图5-5所示。
图5-5管理员功能界面图
工作人员管理,在工作人员管理页面可以对索引、员工工号、员工姓名、照片、性别、联系电话等内容进行详情、修改和删除等操作,如图5-6所示。
图5-6工作人员管理界面图
地区管理,在地区管理页面可以对索引、地区等内容进行详情、修改和删除等操作,如图5-7所示。
图5-7地区管理界面图
服务分类管理,在服务分类管理页面可以对索引、服务分类等内容进行详情、修改和删除等操作,如图5-8所示。
图5-8服务分类管理界面图
服务信息管理,在服务信息管理页面可以对索引、服务标题、封面、服务分类、服务文件、上传时间等内容进行详情、修改或删除等操作,如图5-9所示。
图5-9服务信息管理界面图
项目分类管理,在项目分类管理页面可以对索引、项目分类等内容进行详情、修改和删除等操作,如图5-10所示。
图5-10项目分类管理界面图
项目信息管理,在项目信息管理页面可以对索引、项目编号、项目名称、封面、项目分类、地区、项目预算、项目文件、发布时间、员工工号、员工姓名等内容进行详情、修改、查看评论和删除等操作,如图5-11所示。
图5-11项目信息管理界面图
项目申报管理,在项目申报管理页面可以对索引、项目名称、封面、项目分类、地区、申报文件、员工工号、申报时间、用户账号、用户姓名、审核回复、审核状态等内容进行详情、修改和删除等操作,如图5-12所示。
图5-12项目申报管理界面图
系统管理,在轮播图管理页面可以对索引、名称、值等内容进行详情或修改等操作,并根据需要平台公示进行详细操作,如图5-13所示。
图5-13系统管理界面图
5.2.2用户功能模块
用户登录进入平台可以对首页、个人中心、项目申报管理等功能进行详细操作,如图5-14所示。
图5-14用户功能界面图
个人中心,在个人信息页面通过填写用户账号、照片、性别、用户姓名、联系方式等信息进行个人信息修改,如图5-15所示。
图5-15个人中心界面图
项目申报管理,在项目申报管理页面可以对索引、项目名称、封面、项目分类、地区、申报文件、员工工号、申报时间、用户账号、用户姓名、审核回复、审核状态等内容进行详情、删除等操作,如图5-16所示。
图5-16项目申报管理界面图
5.2.3工作人员功能模块
工作人员登录进入平台可以对首页、个人中心、用户管理、服务信息管理、项目信息管理、项目申报管理、系统管理等功能进行详细操作,如图5-17所示。
图5-17工作人员功能界面图
个人中心,在个人信息页面通过填写员工工号、照片、性别、员工姓名、联系电话等信息进行个人信息修改,如图5-18所示。
图5-18个人中心界面图
用户管理,在用户管理页面可以对索引、用户账号、用户姓名、照片、性别、联系方式等内容进行详情、修改或删除等操作,如图5-19所示。
图5-19用户管理界面图
服务信息管理,在服务信息管理页面可以对索引、服务标题、封面、服务分类、服务文件、上传时间等内容进行详情、修改或删除等操作,如图5-20所示。
图5-20服务信息管理界面图
项目信息管理,在项目信息管理页面可以对索引、项目编号、项目名称、封面、项目分类、地区、项目预算、项目文件、发布时间、员工工号、员工姓名等内容进行详情、修改、查看评论或删除等操作,如图5-21所示。
图5-21项目信息管理界面图
项目申报管理,在项目申报管理页面可以对索引、项目名称、封面、项目分类、地区、申报文件、员工工号、申报时间、用户账号、用户姓名、审核回复、审核状态、审核等内容进行详情、删除等操作,如图5-22所示。
图5-22项目申报管理界面图
系统管理,在平台公示页面可以对索引、标题、图片等内容进行详情、修改或删除等操作,如图5-23所示。
图5-23系统管理界面图