该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行
环境配置:
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毕设帮助,指导,本源码(见文末),调试部署
系统实现
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-9 5-10所示:
图5-9添加轮播图信息模块
图5-10摄影新闻模块
5.2前台功能实现
星空摄影网站,商家在系统前台首页可以查看首页、摄影作品、摄影新闻、个人中心、后台管理等内容,如图5-11所示。
图5-11前台首页功能界面图
商家注册、商家登录,商家通过注册页面填写商家账号、商家姓名、密码、商家号码、邮箱、地址,进行注册,如果出现错误信息会有相应提示,信息无误进入登录页面。如图5-12 5-13所示。
图5-12商家注册界面图
图5-13商家登录界面图
个人中心,商家在个人信息页面可以查看个人信息、我的收藏,可对个人信息进行编辑商家账号、商家姓名、密码、商家号码、头像、性别、邮箱、地址,可进行信息更新操作,如图5-14 所示。
图5-14个人中心界面图
摄影作品,商家在摄影作品页面可以查看作品名称、封面、类型、拍摄视频、上传时间、摄影师账号、摄影师姓名、点击次数等内容,并可根据需要进行招揽等操作,如图5-15所示。
图5-15摄影作品界面图
5.3摄影师功能实现
摄影师登录进入星空摄影网站后台可以查看首页、个人中心、摄影作品管理、招揽信息管理、招揽回复管理、我的收藏管理等内容,如图5-16所示。
图5-16摄影师后台界面图
招揽信息管理:摄影师在招揽信息管理页面可以查看作品名称、封面、类型、上传时间、摄影师账号、摄影师姓名、商家账号、商家姓名、招揽详情等内容,并进行详情、回复、删除等操作,如图5-17所示。
图5-17招揽信息管理界面图
摄影作品管理:摄影师在摄影作品管理页面可以查看作品名称、封面、类型、拍摄视频、上传时间、摄影师账号、摄影师姓名等内容,并进行详情、修改、删除等操作,如图5-18所示。
图5-18摄影作品管理界面图
招揽回复管理:摄影师在招揽回复管理页面可以查看作品名称、封面、类型、上传时间、摄影师账号、摄影师姓名、商家账号、商家姓名、招揽详情、回复等内容,并进行回复商家等操作,如图5-19所示。
图5-19招揽回复管理界面图
5.4商家功能实现
商家登录进入星空摄影网站后台可以查看首页、个人中心、招揽信息管理、招揽回复管理、我的收藏管理等内容,如图5-20所示。
图5-20商家后台界面图
招揽回复管理:商家在招揽回复管理页面可以查看作品名称、封面、类型、上传时间、摄影师账号、摄影师姓名、商家账号、商家姓名、招揽详情、回复等内容,并进行查看摄影师回复等操作,如图5-21所示。
图5-21招揽回复管理界面图
我的收藏管理:商家在我的收藏管理页面可以查看收藏名称、收藏图片等内容,并进行详情、删除等操作,如图5-22所示。
图5-22我的收藏管理界面图
5.5本章小结
本章系统实现中使用的前台商家系统和后台管理员与摄影师系统进行了阐述,并就系统中的各个部分的功能进行了较为详细的介绍。