项目运行
环境配置:
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-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我的收藏管理界面图