# Recruit_PcSystem
**Repository Path**: zhonghui_dingding/Recruit_PcSystem
## Basic Information
- **Project Name**: Recruit_PcSystem
- **Description**: 招聘小程序PC端后台管理系统
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 2
- **Created**: 2020-05-07
- **Last Updated**: 2020-12-20
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 招聘宝 Pc端后台管理系统
当前最新版本： 1.0.0
项目介绍：
-----------------------------------
招聘宝是基于 Spring Boot 和 Vue 开发，来帮助中小型企业及个人实现招聘需求，并提供联系方式、通用Pc端网页来管理，管理员可以在这个平台对数据进行操作。
## 介绍
* 管理员分为超级管理员和普通管理员
技术架构：
-----------------------------------
### 后端
- 基础框架：Spring Boot 2.1.7.RELEASE
- 持久层框架：Mybatis-Plus_3.0.6
- 安全框架：Apache Shiro 1.4.0，Jwt_3.7.0
- 数据库连接池：阿里巴巴Druid 1.1.10
- 缓存框架：redis
- 日志打印：logback
- 其他：fastjson，poi，Swagger-ui，quartz, lombok（简化代码）等。
### 前端
- [Vue 2.6.11](https://cn.vuejs.org/)
- [Vuex 3.1.3](https://vuex.vuejs.org/zh/)
- [Vue Router 3.1.6](https://router.vuejs.org/zh/)
- [Axios 0.19.2](https://github.com/axios/axios)
- [ElementUI 2.4.5](https://element.eleme.cn/#/zh-CN//)
- [eslint 6.7.2](https://eslint.org/)
- [@vue/cli 4.2.3](https://cli.vuejs.org/zh/guide)
- [nprogress 0.2.0](http://ricostacruz.com/nprogress/)
### 开发环境
- 语言：Java 8
- IDE(JAVA)： IDEA安装lombok插件
- IDE(前端)： visual studio code
- 依赖管理：Maven
- 数据库：MySQL8.1,mongodb
- 缓存：Redis
## 工程结构
```
|-- public // 静态资源
|-- src // 项目核心文件
| |-- assets // 静态资源
| |-- components // vue公共组件
| |-- plugins // 插件
| |-- router // 路由(配置项目路由)
| |-- store // vuex的状态管理
| |-- view // 视图容器
| |-- App.vue // 根组件
| |-- main.js // 入口文件
|-- .babelrc // ES6语法编译配置
|-- .editorconfig // 代码格式
|-- .eslintrc.js // ESLint配置
|-- .prettierrc // 代码格式化配置
|-- package.json // 项目基本信息
|-- vue.config.js // 修改的webpack默认配置
```
## 项目优化
### 项目优化策略
- 为开发模式与发布模式指定不同的打包入口
> 默认情况下,vue项目的开发与发布模式,共用同一个打包的入口文件(即src/main.js),为了将项目的开发过程与发布过程分离,可以为两种模式,各自指定打包的入口文件,即:
>
> 1. 开发模式入口文件 src/main-dev.js
> 2. 发布模式入口文件 src/main-prod.js
- 第三方库启用CDN
> 通过externals加载外部cdn资源
1. 通过vue.config.js修改webpack的默认配置
```js
// vue.config.js
module.exports = {
publicPath:'./',
chainWebpack: config => {
// 发布模式
config.when(process.env.NODE_ENV === 'production', config => {
config.entry('app').clear().add('./src/main-prod.js')
config.set('externals', {
vue: 'Vue',
'vue-router': 'VueRouter',
axios: 'axios',
nprogress: 'NProgress'
})
config.plugin('html').tap(args => {
args[0].isProd = true
return args
})
})
// 开发模式
config.when(process.env.NODE_ENV === 'development', config => {
config.entry('app').clear().add('./src/main-dev.js')
config.plugin('html').tap(args => {
args[0].isProd = false
return args
})
})
}
}
```
2. 在public/index.html文件头部,将main-prod中的已经进行配置的import删除替换为cdn引入
```html
```