驻马店旅游网页开发前端项目

一、作品介绍

1.网页简介

        本网站是具有丰富的驻马店地域文化特色的旅游服务网站。主要页面有: 首页  登录  注册  修改密码  主页 地域文化  名人名事   景区简介  特色美食  在线旅游   联系我们  等。

2.网页作品编辑

        本作品为个人设计和构思的题材,代码略微复杂掺杂多种技术,作品下载后建议用VScode软件运行本项目,用Google(谷歌)浏览器打开浏览。

3.开发技术栈

        本网站开发涉及到的前端技术有html  , css  , javascript  ,  jquery  ,  vue ,  ajax  , es6语法 , node.js,   mysql数据库。

4.源码资源

通过百度网盘分享的文件：网页设计.zip
链接：https://pan.baidu.com/s/17QvzDHlcc_UYiXgOz63ZWQ?pwd=3m3v 

二、页面功能介绍

1.入口文件：luxy --> index.html

2.登录页面，注册页面，修改密码页面

基本是实现了完整的用户登录，注册和修改密码的功能

注意：没在node环境下启动app.js的时候是无法在后端进行数据验证的，所以这些功能都无法使用。

解决办法:  

        安装node.js  , mysql和mysql的可视化工具MySQL Workbench

        Node.js官网地址 : https://nodejs.org/en?ref=medevel.com

        Mysql：官网地址:  https://www.mysql.com/products/workbench/

安装并调试好环境之后：

1.打开vscode 点击查看  —>  终端（或者进入vscode使用快捷键 ctrl + `）

2.2.在终端输入:   

npm install express mysql cors body-parser

注意: 确保组件的安装路径是在项目文件路径上  需要用命令  cd 项目路径

3.安装完成后,在终端输入   node  app.js

4.上述步骤完成后就可以实现登录功能了

注意 :   数据库的创建，在另一个文档里，需要先进行数据库的创建，才能进行后端验证,数据库的创建以另一个文件为主。