该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行

环境配置:
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所示。

旅游景点系统架构图 景点管理系统设计_课程设计_02

图5-2用户注册界面图

旅游景点,在旅游景点页面可以查看景点名称,景点类型,封面,景点星级,景点地址,营业时间,负责人,联系电话,景点介绍等内容,并进行评论和收藏操作;如图5-3所示。

旅游景点系统架构图 景点管理系统设计_用户管理_03

图5-3旅游景点界面图

美食特色,在美食特色页面可以查看美食名称,景点名称,美食图片,美食口味,美食特色,背景故事,制作方法,详细介绍等内容,并进行评论和收藏操作;如图5-4所示。

旅游景点系统架构图 景点管理系统设计_旅游景点系统架构图_04

图5-4美食特色界面图

个人中心,在个人中心页面通过填写账号,密码,姓名,年龄,性别,手机,上传图片等内容进行更新信息,还可以根据需要对我的收藏进行详细操作,如图5-7所示。

旅游景点系统架构图 景点管理系统设计_用户管理_05

图5-7个人中心界面图

5.2管理员功能模块

管理员进行登录,进入系统前在登录页面根据要求填写用户名和密码,选择角色等信息,点击登录进行登录操作,如图5-8所示。

旅游景点系统架构图 景点管理系统设计_vue.js_06

图5-8管理员登录界面图

管理员登录系统后,可以对首页,个人中心,用户管理,旅游景点管理,景点资讯管理,资讯类型管理,旅游新闻管理,美食特色管理,在线留言,系统管理等进行相应的操作管理,如图5-9所示。

旅游景点系统架构图 景点管理系统设计_用户管理_07

图5-9管理员功能界面图

用户管理,在用户管理页面可以对索引,账号,姓名,年龄,性别,手机,照片等内容进行详情、修改和删除等操作,如图5-10所示。

旅游景点系统架构图 景点管理系统设计_旅游景点系统架构图_08

图5-10用户管理界面图

旅游景点管理,在旅游景点管理页面可以对索引,景点名称,景点类型,封面,景点星级,景点地址,营业时间,负责人,联系电话等内容进行详情,修改,查看评论和删除等操作,如图5-11所示。

旅游景点系统架构图 景点管理系统设计_课程设计_09

图5-11旅游景点管理界面图

景点资讯管理,在景点资讯管理页面可以对索引,标题,资讯类型,发布时间,封面等内容进行详情,修改,查看评论和删除等操作,如图5-12所示。

旅游景点系统架构图 景点管理系统设计_vue.js_10

图5-12景点资讯管理界面图

旅游新闻管理,在旅游新闻管理页面可以对索引,标题,发布时间,封面等内容进行详情,修改,查看评论和删除等操作,如图5-13所示。

旅游景点系统架构图 景点管理系统设计_课程设计_11

图5-13旅游新闻管理界面图

美食特色管理,在美食特色管理页面可以对索引,美食名称,景点名称,美食图片,美食口味,美食特色等内容进行详情,修改,查看评论和删除等操作,如图5-14所示。

旅游景点系统架构图 景点管理系统设计_课程设计_12

图5-14美食特色管理界面图

在线留言,在在线留言页面可以对索引,用户名,留言内容,留言图片,回复内容,回复图片等内容进行详情,修改,回复和删除等操作,如图5-14所示。

旅游景点系统架构图 景点管理系统设计_vue.js_13

图5-14在线留言管理界面图

5.3用户后台功能模块

用户登录进入系统后台可以对首页,个人中心,在线留言等功能进行相应操作,如图5-15所示。

旅游景点系统架构图 景点管理系统设计_课程设计_14

图5-15用户后台功能界面图

个人中心,在个人信息页面通过填写账号,姓名,年龄,性别,手机,照片等内容进行个人信息修改操作,如图5-16所示。

旅游景点系统架构图 景点管理系统设计_node.js_15

图5-16个人中心界面图