• <button id="zagvg"><acronym id="zagvg"></acronym></button>


    IT開發/UI設計/運營/影視特效培訓機構

    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點贊
    • 人已贊
    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    国产成年女人特黄特色毛片免,欧美精品亚洲日韩AⅤ,日本R级无码中文字幕,日本孕妇高潮孕交视频