nodejs+vue+Express企业客户管理系统VScode

QQ188083800

已于 2023-09-17 15:44:43 修改

阅读量227 vue.js 前端 javascript

于 2023-05-31 10:07:58 首次发布

本文链接：https://blog.csdn.net/QQ188083800/article/details/130963144

四、员工功能模块
4.1员工注册
员工注册通过填写输入工号、姓名、性别、照片、身份证、手机、邮箱等信息即可进行员工注册，如图所示。
4.2员工首页
进入企业客户管理系统可以查看首页、个人中心、客户信息管理、项目信息管理、项目收益管理等内容。
4.3个人信息
在个人信息页面中可以查看工号、姓名、性别、照片、身份证、手机、邮箱等信息内容，并且根据需要对已有个人信息进行修改等其他详细操作，如图所示。
4.4客户信息管理
在客户信息管理页面中通过填写客户名称、行业类型、性别、年龄、照片、手机、身份证、备注、工号、姓名等信息内容，并且根据需要对已有客户信息管理进行详情、修改、删除等其他详细操作，如图所示。
4.5项目信息管理
在项目信息管理页面中可以填写项目名称、项目类型、客户名称、签单金额、签单数量、项目进度,签订日期、工号、签单人等信息内容，并且根据需要对已有项目信息管理进行详情、修改、删除等详细操作，如图所示。
8vue的文件结构其实就是一个index.html
中间的内容，用的是vue，但最终都会转译为html内容html、css、js
|- node_modules: node的一些基础依赖包，可能还有拓展的安装的别的插件（npm install下载的依赖包，主要是根据package.json获取对应的依赖包）
|- public：存放一些主要的打包文件，如index.html等等，可以放置一些需要在index.html配置的文件
|- src：项目的主文件夹（vue是SPA单页面应用,可以看做是一个主页面的应用里面的内容组件详情可看vue 代码格式解析）
|- assets：资源文件，用于存放一些静态文件，如字体、图片、css样式之类的
|- components： vue主要内容的公共组件，可以进行复用
|- router：设置路由，指定路由对应的组件本企业客户管理系统主要包括二大功能模块，即员工功能模块和管理员功能模块。
（1）管理员模块:系统中的核心用户是管理员，管理员登录后，通过管理员功能来管理后台系统。主要功能有:首页、个人中心、员工管理、客户信息管理、行业类型管理、项目信息管理、项目类型管理、项目收益管理等功能。
（2）员工:首页、个人中心、客户信息管理、项目信息管理、项目收益管理等功能，
企业客户管理系统的主要使用者分为管理员和员工，实现功能包括管理员:首页、个人中心、员工管理、客户信息管理、行业类型管理、项目信息管理、项目类型管理、项目收益管理，员工:首页、个人中心、客户信息管理、项目信息管理、项目收益管理等功能。由于本网站的功能模块设计比较全面，所以使得整个企业客户管理系统信息管理的过程得以实现。
本系统的使用可以实现本企业客户管理的信息化，可以方便管理员进行更加方便快捷的管理，可以提高管理人员的工作效率。
系统功能分析
3.1管理员登录
通过填写用户名、密码、角色进行登录，如图所示。
3.2客户信息管理
在客户信息管理页面中可以填写客户名称、行业类型、性别、年龄、照片、手机、身份证、备注、工号、姓名等信息，并可根据需要对已有客户信息管理进行详情、修改或删除等操作，如图所示。
3.3行业类型管理
在行业类型管理页面中可以填写行业类型等内容，并可根据需要对已有行业类型管理进行修改或删除等操作，如图所示。
3.4项目信息管理
在项目信息管理页面中可以填写项目名称、项目类型、客户名称、签单金额、签单数量、项目进度、签订日期、工号、签单人等内容，并且根据需要对已有项目信息管理进行详情、收益分配、修改或删除等操作，如图所示。
3.5项目收益管理