# showtimecodeweb

**Repository Path**: FuGuangzhi/showtimecodeweb

## Basic Information

- **Project Name**: showtimecodeweb
- **Description**: Vue3全家桶 +TS +Element UI Plus +SCSS+Axios ....
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-04-01
- **Last Updated**: 2022-08-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Axios, Element-UI

## README

# showtimecodeweb
# 项目介绍
开发框架Vue3+Elment UI <br/>
<br/>
<b>B站全程Codeing过程链接</b><a href="https://www.bilibili.com/video/BV1ib4y1e7Yd?spm_id_from=333.999.0.0">GO </a> <br/>
<br/>
对应后端Git地址<a href="https://github.com/FuGuangzhi1/ShowTimeCodeEnd">后端</a> <br/>

# 项目运行
下载依赖 Npm Install(不小心上传了npm模块，直接 npm run serve可以就直接 npm run serve。。)<br/>
<br/>
启动  npm run serve<br/>
（注意需要运行后端前端才可以登录和使用相应功能）<br/>
# 项目分层介绍
![image](https://user-images.githubusercontent.com/87634542/166127130-227f6f5a-8f3d-4b16-9f34-f762642ceb0a.png) <br/>
1.api对应调用后端的api <br/>
2.business逻辑多的页面单独写的ts <br/>
3.components 公共组件 <br/>
4.http封装的axios <br/>
5.router vue的路由 <br/>
6.store vue的状态管理 <br/>
7.style 样式文件 <br/>
8.utils 公共方法 <br/>
9.views页面 <br/>
10.vue.config.js单独介绍一下这个，配置前端跨域 <br/>
其他公共配置使用搜索引擎即可
# 部分界面展示
![image](https://user-images.githubusercontent.com/87634542/162579874-fc20c70f-8c29-4eb9-9927-7997d8ae3a85.png)
![image](https://user-images.githubusercontent.com/87634542/162580084-460c6515-cc0c-4ddb-8589-80b85e9737e0.png)
# 状态
项目持续更新，优化中....
# 给孩子一个小星星![T_ZKW6KJ_X{% %P_AY$`( X](https://user-images.githubusercontent.com/87634542/160980828-5dd6691b-db15-4152-9916-8acd2c4cf324.png)

乞讨一下说不定就有了，右上角的星星![T_ZKW6KJ_X{% %P_AY$`( X](https://user-images.githubusercontent.com/87634542/160980815-b0cb4003-41e0-4b8b-8d50-6dbe07e9ce85.png)
![T_ZKW6KJ_X{% %P_AY$`( X](https://user-images.githubusercontent.com/87634542/160980816-8e0042f5-3115-463c-8580-c4a22a1df18f.png)
![T_ZKW6KJ_X{% %P_AY$`( X](https://user-images.githubusercontent.com/87634542/160980817-a17fd390-e031-4dff-a907-26b5634545ed.png)