Giter Club home page Giter Club logo

2023-vue-week5's Introduction

2023-vue-week5

  • 使用 VeeValidate 套件完成表單驗證功能,操作文件(無ESM 版本)

  • 使用 loading 套件製作 loading 效果

  • 串接前台 API 完成購物車功能

  • 新增相同產品到購物車時需累加項目

  • 送出訂單後,購物車需要清除原本項目

  • 購物車無產品時不建議發出結帳請求

前台頁面表單驗證,驗證內容包含:

  • 姓名:必填
  • Email:必填 / 需要符合格式 / input type 為 email
  • 電話:必填 / 超過 8 碼 / input type 為 tel
  • 地址:必填
  • 留言:非必填

流程 : 1.渲染產品列表 V 2.單一產品細節V -loadingV -獨立的另一個購物車V 3.加入購物車V -loadingV -apiV 4.購物車列表 -數量調整下拉式(不能讓用戶自動填寫數量)V -單價可以根據數量變化V -刪除單一商品V -刪除全部商品V -總計V -將刪除及扣除寫在同一個 -優惠券 5.表單驗證 -驗證 Veevalidate V -送出訂單 V

  • composition api
  • 拉出元件

2023-vue-week5's People

Contributors

hsuanin1214 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.