# electronic_account_web

**Repository Path**: CZJCoder/electronic_account_web

## Basic Information

- **Project Name**: electronic_account_web
- **Description**: 神州信息暑期培训第1、2组联合开发前端代码仓库
- **Primary Language**: Unknown
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2022-06-23
- **Last Updated**: 2022-11-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# electronic_account_web

#### 介绍
神州信息暑期培训第1、2组联合开发前端代码仓库

#### 软件架构
软件架构说明

#### 安装教程

1. 克隆项目

   ```
   git clone https://gitee.com/CZJCoder/electronic_account_web.git
   ```

2. 进入项目目录

   ```
   cd app
   ```

3. 安装依赖

   ```
   npm install
   ```

4. 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题

   ```
   npm install --registry=https://registry.npm.taobao.org
   ```

5. 启动服务

   ```
   npm run serve
   ```

   浏览器访问http://localhost:8080

#### 目录说明

##### 文件夹

1. node_modules:放置项目依赖的地方

2. public:一般放置一些共用的静态资源，打包上线的时候，public文件夹里面资源原封不动打包到dist文件夹里面

3. src：程序员源代码文件夹

4. assets文件夹：经常放置一些静态资源（图片），assets文件夹里面资源webpack会进行打包为一个模块（js文件夹里面

5. components文件夹:一般放置非路由组件（或者项目共用的组件）

6. pages:放置路由组件

7. utils:工具类

8. mock:放置mockjs json假数据

9. store: vuex模块化状态仓库

10.  api:用户请求后端api的JavaScript函数，统一管理api接口

##### 文件

1. App.vue 唯一的根组件

2. main.js 入口文件【程序最先执行的文件】

3. babel.config.js:babel配置文件

4. package.json：看到项目描述、项目依赖、项目运行指令

5. vue.config.js:https://cli.vuejs.org/zh/config/#vue-config-js

#### 使用到的类库

1. UI组件库：element-ui

2. ajax请求：axios

3. 路由：vue-router

4. 状态管理：Vuex

5. cookie工具：js-cookie

6. 进度条：nprogress

7. 日期操作处理类库：moment.js  http://momentjs.cn/

8. RSA加密工具：jsencrypt

9. 假数据模拟：mock.js

#### 发布

```
# 构建生产环境
npm run build
```

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)