# auto_electronic_resume

**Repository Path**: hellocodeing/auto_electronic_resume

## Basic Information

- **Project Name**: auto_electronic_resume
- **Description**: 一个基于html/css/jq 的开源免费静态电子简历生成网站.持续维护和更新中.
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://gmxs.gitee.io/auto_electronic_resume
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2021-04-24
- **Last Updated**: 2021-04-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# auto_electronic_resume

#### 介绍
一个基于html/css/jq 的开源免费静态电子简历生成网站.持续维护和更新中.
访问: http://gmxs.gitee.io/auto_electronic_resume/

**友情提示:应火狐打印兼容性问题,为了打印体验,请尽量使用chrome,edge浏览器使用(之后会考虑做这方面相关的优化)**

效果演示:

* 主页 bluetable:
![主页 bluetable](img/gmxs.gitee.io_auto_electronic_resume_%20(1).png)

* Rimless:

![Rimless](img/gmxs.gitee.io_auto_electronic_resume_%20(2).png)

* 打印:

![打印](https://images.gitee.com/uploads/images/2020/0418/014505_9cb7987e_2346158.png "屏幕截图.png")

* bluetable 打印效果:

![bluetable_pdf](img/bluetable.png)

* Rimless 打印效果:

![Rimless_pdf](img/Rimless_pdf.png)

#### 软件架构
软件架构说明
纯html/css/jq:
```
│  index.html
│  README.en.md
│  README.md
│
├─css
│      index.css
│
├─icon
│      icon.PNG
│
├─js
│      img_update.js
│      index.js
│      insert_resume.js
│
├─lib
│      jquery-1.4.4.min.js
│      jquery.jqprint-0.3.js
│      jq_canvas_nest.js
│
├─styles
│      basic.css
│      bluetable.css
│      Rimless.css
│      style.css
│
└─template
        table.html
```

* index.html为主页,fork后再浏览器运行即可查看效果.
* css下主要为主页的样式表.
*icon下是logo.
*js下包括三个主要的js文件:
  * 其中img_update.js控制图片的上传预览.
  * index.js中包含了一些主页需要的js事件控制(tab选项卡切换),模板样式切换,iframe自适应高度等.
  * insert_resume.js封装了所有关于resume的dom操作以及html片段操作.是实现用户编辑resume信息核心js文件.
* lib是引入的一些第三方js.包括打印,动态背景.jq.
* styles文件下是模板对应css样式表.(想要设计新样式请在此目录下创建)
* template下是对应的resume模板html.(目前只是基于table自定义了一种模板).

#### 安装教程

1.  fork or clone
2.  运行index.html

#### 使用说明

1. 如果想要贡献自己的resume模板,你有以下几种方法:
* 基于已有的resume模板:table,通过css样式表来设计一个新的resume模板.你只需要在styles下创建你的样式表,并参考其他样式表进行修改即可创建属于你的简历样式.需要注意的是:切勿更改模板html结构以及一切id属性(会影响到resume的信息编辑功能).设计好样式表后,在index.html与index.js中绑定切换样式事件即可实现样式切换.
* 创建一个新的resume模板.你可以选择在template中创建一个新的简历模板,以此来打破模板结构的局限性.但这也意味着你的工作将大大增加,你需要重写大部分代码,包括js文件,你需要在styles下创建与你的模板对应的css 样式表,并且尽可能的不要修改对应的属性id.这会简化你很多的操作.(在目前,项目的耦合会相对较高,在之后,有机会的话我会对项目架构进行重构的).
2.  该项目目前只是第一版,会有部分的bug,以及一些功能体验尚未完善,(还有众多的想法还有待实现).**兼容性可能并不十分友好,请尽量使用chrome来提升使用体验.**
3. 欢迎各位同行指教.当然也希望能够多多给出一些好的建议或者是idea.

#### 参与贡献

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


#### 码云特技

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