美國上市教育機構

400-111-8989

熱門課程

Web學員作品-旅游類APP項目

  • 發布:IT培訓
  • 來源:Web前端
  • 時間:2019-07-19 16:59

一:項目介紹

該項目是一個旅游類的手機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

旅游類APP項目

主 頁:

1引入公共的header和footer

2輪播圖使用mint-ui的swiper,圖片從數據庫動態獲取

3九宮格使用mui實現布局

4旅游攻略從數據庫動態獲取,v-for渲染在頁面上,自寫樣式布局

詳情頁: 點擊主頁攻略,跳轉到詳情頁并攜帶參數,查看不同的攻略詳情,布局使用m-ui。

登陸注冊:

1用戶注冊時,輸入手機號,失去焦點時,查詢數據庫,如果已注冊則提示更換手機號,并使用正則驗證輸入內容。成功后將用戶信息添加數據庫表

2用戶登陸時,現在輸入框中進行正則的驗證,格式正確后,點擊登陸,去數據庫中查詢,并提示是否登陸成功

我的收藏: 用戶在瀏覽頁面時,可以將景點加入收藏中,點擊?時,將該景點數據添加到數據庫,最后在我的收藏頁面顯示出來,在該頁面可以對收藏詳細進行增刪。

旅游類APP項目

  • 為Ta點贊
  • 人已贊
選擇城市和中心
江西省

貴州省

廣西省

海南省

追单双长龙输死了 河北11选5最容易出的3个号 股票行情查询代码 北京pk拾app官方网站 时时乐开奖 北京快中彩开奖查询 河南泳坛夺金奖金设置 浙江20选五尾数走势 股票配资网173 股票配资门户找象泰配资可靠GO 湖北快三技巧公式 3d试机号技巧准确 多乐彩江西 泰瑞信达 陕西快乐10分任三预测 炒股app排名 陕西11选五一定牛走势图