Giter VIP home page Giter VIP logo

ts-vue3's Introduction

vue-t/demo

下载使用

首先复制仓库链接, 下载仓库到本地

git clone

cmd命令(每个人知识储备程度不同,我就这样尽可能详细讲吧, 希望能帮到你) 进入到vue-ts-mall-demo文件夹

执行下面命令, 下载项目所需要的依赖

npm install

然后执行下面命令来启动项目

npm run serve

每个人网速或者npm的镜像不同, 可能需要等待一会儿, 如果没有什么问题, 会显示下面内容

image-20220625153132677

打开浏览器输入地址

http://localhost:8081/

就可以进入系统

界面展示

输入http://localhost:8081/, 如果是首次进入, 会跳转到登录页面

登录页面展示

image-20220625153342646

用户名是 admin 密码是 123456

登录成功后会进入系统主页面

系统主页面

商品列表

image-20220625153447006

用户列表页面

image-20220625153517445

角色列表

image-20220625153535530

项目搭建

登录页面

登录逻辑

在登录成功之后, 会跳转到首页

image-20220622162821112

同时, 可以查看本地localStorage, 保存了token信息

image-20220622162531334

ts-vue3's People

Contributors

lamour99 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.