Giter VIP home page Giter VIP logo

checkout-counter's Introduction

checkout-counter

这个是早前写的,有不少问题,样式也是自己写的,不怎么好看,我后面又写了一个改进型:

改进版源码地址

改进版预览地址

vue-cli构建的小商店收银及商品管理系统,觉得不错可以star一下,谢谢。

这个项目中的一个小组件date-picker组件点击查看

写在前面

我目前还不会后端部分,所以整个项目的所有都是写在前端里边的,所以现在它是一个不完整也不能真正能够使用的项目。等我以后会后端之后,再补充完整,努力让它能够真正使用。好处是目前这里边没有后端部分比较简单易懂,如果有同样和我一样学习前端的朋友,我希望这个能够有一点参考价值。

  • 登录界面用户名和密码可以随意输入(因为没有后端)
  • 入库新商品的时候,要将商品图片名称改为商品编码.jpg的名称,然后放到项目文件夹的src/assets/shopping-images文件里边,就可以正确显示商品图片。
  • 上面就是一个我不会的问题,我发现我用不能获取本地文件的路径,网上说是浏览器的安全设置导致不能获取文件路径,这个是不是得靠后端,先将图片文件上传到服务器,然后用服务器路径获取图片。希望有大佬能帮我解惑。

项目组成

  • 头部登录及导航部分
  • 商品展示部分
  • 购物车部分
  • 商品入库及操作部分
  • 收银记录
  • 商品重要消息通知

项目启动


	// 将源码clone或下载压缩包到本地

	// git bash到项目文件夹

	// 安装依赖包
  	npm install

  	// 启动项目
  	npm run dev
	

项目图片

checkout-counter's People

Contributors

huanghaibin91 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

checkout-counter's Issues

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.