完善项目

Author: konglingwen94

README.md

@@ -1,13 +1,11 @@
-# vue-bytedance_job
+# vue-bytedancejob
 
-`Vue`重构字节跳动招聘官网的单页面应用
+一个`Vue`重构字节跳动公司招聘官网的单页面应用
 
 ## 线上预览
 
 [http://123.56.124.33:3000](http://123.56.124.33:3000)
 
-![vue-bytedanceJob](./screenshots/previewQrcode.png)
-
 ## Clone project
 
 ```bash
@@ -23,16 +21,25 @@ npm install
 ### Compiles and hot-reloads for development
 
 ```bash
-npm run dev
+npm run dev    
 ```
-
+默认启动 <http://localhost:8080>
 ### Start server API
 
 ```bash
-npm  run server
+npm  run server      默认监听`http://localhost:3000`
 ```
 
-> 如果`vue.config.js`文件中的`devServer.proxy`选项为本地服务器地址的话，则需要启动此命令。
+> 默认不需要启动，如果需要调试服务器接口，请配置根目录下的`vue.config.js`文件，默认配置如下
+
+```js
+module.exports = {
+  devServer: {
+    proxy: "http://123.56.124.33:3000",
+   //  proxy: "http://localhost:3000",
+  },
+};
+```
 
 ### Compiles and minifies for production
 
@@ -51,106 +58,140 @@ npm run build
 - [x] 职位详情
 - [x] 产品与服务
 - [x] 员工故事
-- [x] 校园招聘
+- [x] 校园招聘(外链)
 
+- [ ] 注册（由于有一定的复杂度此功能暂未实现，。欢迎有兴趣的同学协同实现此功能）
 - [ ] 登录
+  - [x] 邮箱登录（需要官方网站注册邮箱账号）
+  - [ ] 手机号登录
+- [x] 退出
 - [ ] 简历投递
+- [x] 简历
+  - [x] 我的简历
+  - [x] 简历上传
+  - [x] 编辑简历
+  - [x] 保存简历
 
 ## 技术栈
 
 `vue` `vue-router`
 
 `vue-cli` `less`
 
-`axios` `lodash` `es6`
+`axios` `lodash` `es6~7`
 
-`express` `node-fetch`
+`express` `node-fetch` `http-proxy-middleware`
 
-## 服务端`API`
+## 项目结构
 
-1. [首页](./docs/home.md)
-   - http://123.56.124.33:3000/api/staff-stories
-   - http://123.56.124.33:3000/api/byte-standards
-2. [产品](./docs/product.md)
+<b><details><summary>组件</summary></b>
 
-   - http://123.56.124.33:3000/api/products
+```
+components
+├── Bytedance-Button.vue  //主题按钮，可定制尺寸
+├── Checkbox-Transfer.vue // 复选框穿梭选择器，用来选择搜索职位
+├── File-Icon.vue            文件上传后可显示指定的图标
+├── Input-Search.vue       搜索输入框
+├── Loading                数据加载组件（支持API调用和指令调用）
+│   ├── Loading.vue
+│   └── main.js
+├── Logo.vue            主题颜色可变的logo组件
+├── Pagination.vue      分页器组件
+├── footer.vue
+└── header.vue
 
-3. [职位](./docs/job.md)
+```
 
-   - `POST` http://123.56.124.33:3000/api/jobs
+</details>
 
-   * http://123.56.124.33:3000/api/jobs/6826273638594103559
+<b><details><summary>页面</summary></b>
 
-   - http://123.56.124.33:3000/api/job-filters
+```
+views
+├── Home.vue            首页
+├── JobDetail.vue       职位详情
+├── Jobs.vue            职位列表浏览
+├── Products.vue        产品展示
+├── Resume.vue          简历预览
+├── ResumeEditor.vue    编辑简历
+├── StaffStory.vue      员工故事
+└── User.vue            用户
 
-   * http://123.56.124.33:3000/api/job-categories
+```
 
-## 项目结构
+ </details>
+
+<b><details><summary>辅助工具</summary></b>
+
+```
+src/helper
+├── notification.plugin.js     项目全局消息通知插件，只在开发环境使用，辅助开发
+├── registerElementComponents.js  按需引入第三方组件库
+├── registerGlobalComponents.js    全局注册手动开发的组件
+├── request.js                   不带有`token`的`axios`请求示例
+├── requestWithToken.js      带有`token`的`axios`请求示例,主要包含简历相关的接口
+└── utilities.js        其他工具函数
+```
+
+</details>
+
+<b><details><summary>静态资源文件`/src/assets`</summary></b>
 
 ```
-vue-byte_dance_job
-├── public
-│   ├── favicon.ico
-│   └── index.html
-├── screenshots
-│   ├── home.gif
-│   ├── job.gif
-│   ├── jobDetail.gif
-│   ├── navbar.gif
-│   ├── previewQrcode.png
-│   ├── product.gif
-│   └── staffStory.gif
-├── server
-│   ├── controller
-│   │   ├── jobs.js
-│   │   ├── productAndStandard.js
-│   │   ├── request.js
-│   │   └── staff-stories.js
-│   ├── app.js
-│   ├── data.json
-│   ├── package-lock.json
-│   ├── package.json
-│   └── router.js
+src/assets
+└── style   样式
+    ├── global.css      自定义全局样式
+    ├── mixin.less      定义的混入样式
+    ├── reset.css       重置浏览器默认样式
+    └── variable.less      项目全局变量
+```
+
+</details>
+
+<b><details><summary>服务端</summary></b>
+
+```
+server
+├── app.js                     项目启动入口
+├── controller      代理请求回调函数目录
+│   ├── jobs.js                  职位
+│   ├── productAndStandard.js    产品和字节范
+│   ├── request.js               代理请求示例
+│   └── staff-stories.js       员工故事
+├── data.json     页面静态数据存放文件
+├── package.json
+└── router.js     代理接口路由
+
+```
+</details>
+
+<b><details><summary>源代码其他文件</summary></b>
+```
 ├── src
-│   ├── assets
-│   │   └── style
-│   │       ├── global.css
-│   │       ├── mixin.less
-│   │       ├── reset.css
-│   │       └── variable.less
-│   ├── components
-│   │   ├── Bytedance-Button.vue
-│   │   ├── Checkbox-Transfer.vue
-│   │   ├── Footer.vue
-│   │   ├── Header.vue
-│   │   ├── Input-Search.vue
-│   │   ├── Logo.vue
-│   │   └── Pagination.vue
-│   ├── helper
-│   │   ├── registerGlobalComponents.js
-│   │   ├── request.js
-│   │   └── utilities.js
-│   ├── router
+│   ├── App.vue       入口组件
+│   ├── main.js       应用入口  
+│   ├── router          路由
 │   │   └── index.js
-│   ├── views
-│   │   ├── Home.vue
-│   │   ├── JobDetail.vue
-│   │   ├── Jobs.vue
-│   │   ├── Products.vue
-│   │   └── StaffStory.vue
-│   ├── App.vue
-│   └── main.js
-├── test
-├── README.md
-├── babel.config.js
-├── deploy.local.sh
-├── deploy.sh
-├── package-lock.json
-├── package.json
-└── vue.config.js
+│   ├── store        全局共享状态
+│   │   └── index.js
+```
+</details>
 
+<b><details><summary>根目录</summary></b>
 
 ```
+vue-bytedanceJob
+├── docs/       服务端接口文档
+├── public/     项目公共文件
+├── server/       服务端目录
+├── src/          代码源目录
+├── test/         
+├── README.md     项目介绍文档
+├── babel.config.js   按需引入第三方库在这里配置
+├── package.json     项目包介绍
+└── vue.config.js    项目配置
+```
+</details>
 
 ## 项目截图
 
@@ -160,9 +201,11 @@ vue-byte_dance_job
 ![vue-bytedanceJob](./screenshots/jobDetail.gif)<br>
 ![vue-bytedanceJob](./screenshots/product.gif)<br>
 ![vue-bytedanceJob](./screenshots/staffStory.gif)
+![vue-bytedanceJob](./screenshots/resume.gif)
 
 ## 支持
 
 如果看完此项目对您学习`Vue`有帮助的话，请您动手点一下`star`，有了您的支持，我会有更大的动力开源更多有趣的项目出来，谢谢！
 
 > 查看本项目技术解密文章请点击我的个人博客[https://juejin.im/post/5ef338c75188252e7f772aee](https://juejin.im/post/5ef338c75188252e7f772aee)查看，欢迎点赞和留言！
+

screenshots/resume.gif

@@ -127,7 +127,10 @@ export default {
       };
     },
     clearable() {
-      return this.job_category_id_list.length || this.location_code_list.length;
+      return (
+        this.job_category_id_list.length !== 0 ||
+        this.location_code_list.length !== 0
+      );
     }
   },
   watch: {
@@ -212,8 +215,8 @@ export default {
       .clear {
         &.clearable {
           color: @main-color;
+          cursor: pointer;
         }
-        cursor: pointer;
       }
     }
     .job-filter-block {