vue.js 小程序开发_使用Vue.js开发ShoppingCart应用程序

vue.js 小程序开发

购物车 (ShoppingCart)

ShoppingCart (Ecommerce) shopping_cart Application using Vuejs, + Node.js + Express + MongoDB.

ShoppingCart(电子商务)shopping_cart应用程序，使用Vuejs + Node.js + Express + MongoDB。

View demo 查看演示 Download Source 下载源

功能性 (Functionalitites)

1. User Registeration and Authentication using Passport.js (Email/password | Google Authentication)

   使用Passport.js的用户注册和身份验证(电子邮件/密码| Google身份验证)

2. CRUD Operations like

   CRUD操作如

   • User can add product to his cart
     用户可以将产品添加到他的购物车
   • Admin can add product to the product list.
     管理员可以将产品添加到产品列表中。
   • Admin can edit/delete the product.
     管理员可以编辑/删除产品。

3. Security

   安全

   • Implementation of Authentication and Authorization.
     身份验证和授权的实现。

工具和技术： (Tools and Technologies:)

• Technology : Vue.js + Express + Node.js + MongoDb (MEVN), HTML, Bootstrap, PWA.

  技术：Vue.js + Express + Node.js + MongoDb(MEVN)，HTML，Bootstrap，PWA。

安装 (Installation)

1. Vue CLI - Installation of Vue CLI

   Vue CLI-Vue CLI的安装

2. NodeJs - Download Nodejs

   NodeJs- 下载Nodejs

3. Package Manager - NPM / Yarn

   包管理器-NPM /纱线

4. Clone the repository and run npm install if you use npm as package manager or yarn install if you use yarn as package manager.

   如果使用npm作为程序包管理器，则克隆存储库并运行npm install如果使用yarn作为程序包管理器，则运行yarn install 。

5. Configuring MongoDB server/mongo/config.js

   配置MongoDB server/mongo/config.js

mongoose.connect('<YOUR_MONGODB_URL>', {
        useNewUrlParser: true
    }); // connect to your database

1. Run the server npm run serve

   运行服务器npm run serve

屏幕截图： (Screenshots:)

主页： (Main Page:)

产品页面： (Product Page:)

项目设置 (Project setup)

npm install

编译和热重装以进行开发 (Compiles and hot-reloads for development)

npm run serve

编译并最小化生产 (Compiles and minifies for production)

npm run build

运行测试 (Run your tests)

npm run test

整理和修复文件 (Lints and fixes files)

npm run lint

翻译自: https://vuejsexamples.com/developing-a-shoppingcart-application-using-vue-js/

vue.js 小程序开发