Web学员作品-旅游类APP项目

一：项目介绍

该项目是一个旅游类的手机APP，是一个前后端交互的项目。前端使用vue的脚手架，mint-ui，m-ui的组件库，axios进行后台数据的获取。后端使用nodejs搭建web服务器，实现获取数据的API，数据库使用MySQL存储项目数据。

二：技术栈

前端：HTML5+CSS3+VUE+AXIOS+MINT-UI+MUI

后端：NODEJS+MYSQL

三：项目需求

1、API接口

首页轮播图片： http://127.0.0.1:3030/index/image1

查看景点详情： http://127.0.0.1:3030/index/?nid=

用 户 登 陆： http://127.0.0.1:3030/user/signin

用 户 注 册： http://127.0.0.1:3030/user/reg

2、 前端页面

公共子组件：header footer swiper

主 页：

1引入公共的header和footer

2轮播图使用mint-ui的swiper，图片从数据库动态获取

3九宫格使用mui实现布局

4旅游攻略从数据库动态获取，v-for渲染在页面上，自写样式布局

详情页： 点击主页攻略，跳转到详情页并携带参数，查看不同的攻略详情，布局使用m-ui。

登陆注册：

1用户注册时，输入手机号，失去焦点时，查询数据库，如果已注册则提示更换手机号，并使用正则验证输入内容。成功后将用户信息添加数据库表

2用户登陆时，现在输入框中进行正则的验证，格式正确后，点击登陆，去数据库中查询，并提示是否登陆成功

我的收藏： 用户在浏览页面时，可以将景点加入收藏中，点击❤时，将该景点数据添加到数据库，最后在我的收藏页面显示出来，在该页面可以对收藏详细进行增删。