resume-design

🤼 功能介绍

🎇 项目演示截图

网站首页：

图片[1]-x10191 开源AI简历项目源码第二弹！-旭达资源网

管理端：

图片[2]-x10191 开源AI简历项目源码第二弹！-旭达资源网

设计器一：

图片[3]-x10191 开源AI简历项目源码第二弹！-旭达资源网

设计器二：

图片[4]-x10191 开源AI简历项目源码第二弹！-旭达资源网

🐶 技术栈介绍

前端技术栈：

Vue3.x
Vite3.x
TypeScript4.x
Element-plus
Pinia

后端技术栈：

nest.js

数据库：

MongoDB

文件存储：

minio

🏊 如何使用

拉取项目

git clone https://github.com/huajian-pro/resume-design.git

推荐使用包管理工具 pnpm
或使用yarn、npm（node自带无需额外安装）包管理工具
Node版本请确保在v16.0及以上

pnpm全局安装方法npm i -g pnpm

安装项目依赖

cd resume-design

// 使用pnpm安装依赖（推荐）
pnpm install

注意：如果安装失败请切换网络或者清空npm缓存重试。

项目配置

注意：如果你拉取的为纯前端项目，则可以跳过此步骤。

若要运行项目，需要有相对应的后台，如果没有自己搭建的后台，则可以连接猫步简历官方后台。 修改对应文件：

修改前：

// src/config/index.ts

const serverAddress =
  import.meta.env.MODE === 'development' ? 'http://localhost:3399' : 'https://maobucv.com';
const CONFIG = {
  // serverAddress: 'http://localhost:3399',
  // serverAddress: 'https://maobucv.com',
  serverAddress: serverAddress,
  smallpigAddress: 'https://maobucv.com' // 此地址为资源分享菜单的后台地址，可不管
};
export default CONFIG;

修改后：

// src/config/index.ts

const serverAddress = 'https://maobucv.com';
const CONFIG = {
  // serverAddress: 'http://localhost:3399',
  // serverAddress: 'https://maobucv.com',
  serverAddress: serverAddress,
  smallpigAddress: 'https://maobucv.com' // 此地址为资源分享菜单的后台地址，可不管
};
export default CONFIG;

备注：如想搭建自己的后台，可到猫步简历官网获取后端源码。

运行项目

进入项目目录，执行命令：

pnpm dev

注意：如果运行失败，建议检查依赖是否安装完整、以及检查Node版本是否大于16。

构建项目

进入项目目录，执行命令：

pnpm build

将生成的dist上传至服务器，采用nginx部署即可。

🧱 项目结构说明

resume-design
├── LICENSE                 // 协议文件
├── README.md               // 项目介绍文档
├── build                   // 项目打包相关配置文件
│   ├── utils.ts
│   └── vite
├── commitlint.config.js    // 项目提交代码相关配置，npm run commit会读取 
├── dist                    // 项目构建生成文件
│   ├── favicon.ico
│   ├── index.html
│   ├── json
│   └── static
├── doc                     // 相关文档存放目录
├── index.html
├── package.json
├── pnpm-lock.yaml
├── prettier.config.js
├── public                 // 项目公共文件夹
│   ├── favicon.ico
│   ├── json
│   └── static
├── src
│   ├── App.vue
│   ├── assets             // 相关资源存放目录，如图片等
│   ├── auto-import.d.ts   // 自定引入相关依赖配置文件
│   ├── components         // 全局公共组件存放目录
│   ├── components.d.ts    // 组件自动注册配置，如element-plus
│   ├── config             // 项目全局配置目录，如配置后台接口地址等
│   ├── dictionary         // 项目中使用到的相关字典映射
│   ├── env.d.ts           // Typescript等配置
│   ├── hooks              // 项目公用钩子等
│   ├── http               // 项目请求API存放目录
│   ├── i18n               // 国际化相关
│   ├── interface          // Typescript接口定义
│   ├── main.ts            // 主入口文件
│   ├── material           // 在线制作模块的公共物料组件
│   ├── options            // 在线制作模块的物料属性设置面板组件
│   ├── router             // 项目路由
│   ├── schema             // 在线制作模块相关模型JSON定义
│   ├── store              // 全局状态管理
│   ├── style              // 公共样式存放
│   ├── template           // 在线制作模块模板渲染存放目录
│   ├── utils              // 全局公用工具函数
│   └── views              // 页面
├── tsconfig.json
├── tsconfig.node.json
├── types
│   ├── custom-types.d.ts
│   └── global.d.ts
└── vite.config.ts

注意：由于项目在不断更新迭代，项目目录结构可能会改变。

🐨 在线制作设计器

设计器简介

在线制作设计器主要是项目初期建设时的第一代设计器，功能没有那么复杂，项目目录可能没有那么规范，但是代码还是很清晰明了的。

使用这款设计器只能制作简历，并且让使用者专注于简历数据，不用花费更多精力在配色、字体等方面，以下为在线制作设计器相关截图：

图片[5]-x10191 开源AI简历项目源码第二弹！-旭达资源网图片[6]-x10191 开源AI简历项目源码第二弹！-旭达资源网

特点描述

该款设计器目前是提供模板最多的，主要用于简历设计制作，用户可以自行添加和删除相对应简历模块，通过简单的拖动实现模块之间顺序交换，主要特点如下：

专注于简历制作
提供有丰富简历模板
已提前配置了简历模块
让用户专注于数据
可以在模板中添加物料中心组件

模板开发

如果想要给在线制作功能添加更多的模板，那么可以到【贡献模板】页面拖拉拽组成一个完整模板，然后提交审核，管理员在后台审核通过后将会展示在模板列表中。

页面如下：

图片[7]-x10191 开源AI简历项目源码第二弹！-旭达资源网

上图中左侧是物料区，该款设计器其实和在线制作设计器是同一款，只不过这儿是用来生成模板使用的。

重要提示

源码工具资源类要求技术能力： 源码工具对技术要求较高，不建议小白购买下载，建议具有一定思考和动手能力的用户购买。
请谨慎考虑： 小白和缺乏思考动手能力者不建议赞助。本站只收集整理资源，部分源码不一定能运行。有空会测试部分源码及修改，赞助前请谨慎！
虚拟商品购买须知： 虚拟类商品具有可复制性，一经打赏赞助，不支持退款。请谅解，谢谢合作！

本站提供的资源，都来自网络，版权争议与本站无关，所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负，我们不保证内容的长久可用性，通过使用本站内容随之而来的风险与本站无关，您必须在下载后的24个小时之内，从您的电脑/手机中彻底删除上述内容。声明：下载本站资源即同意用户协议，本站程序只是提供给开发者学习研究。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。如果有侵权之处请第一时间联系我们删除。邮箱：fallenstars-lei@qq.com

THE END