当前位置: 首页 > news >正文

vue2 开发一个实习管理系统电脑端-前端静态网站练习

为了快速的掌握vue2的所学习到的知识点,最近又使用vue2和element-ui 做了一个实习管理系统来巩固自己的前端技术,我觉得对于新手来说,多写代码,多找一些项目练习,是提供自己编程能力的一个很好的办法,这也是这么多年来我学习编程总结的一个心得体会,每当我开始学习一个新的技术时,除了刚开始看一下 这个语言的基础语法,然后就开始找大量的项目进行练习,要么就看一些大佬的代码,然后仿照大佬的代码进行模仿,学习大佬的开发思路,然后再找一些完整的项目,自己尝试着开发。所以最近我就又写了一个 只有前端的 实习管理系统。
注意:只有前端噢,因为是只练习前端技术,所以只做了前端~
先给大家简单的看一下开发的页面
首页:
在这里插入图片描述
在这里插入图片描述
这个项目 我主要实现了 如下菜单功能:
首页:一些报表的统计。
实习管理:岗位管理、申请审核、实习分配、协议管理
学生管理:学生档案、进度跟踪、考核评价
企业管理: 企业档案、岗位审核、黑名单管理
系统工具:通知中心、文档模板、考勤统计
系统设置:账号管理、角色权限、操作日志

使用的技术:
Vue2、UI 组件库选用 Element-UI、Node版本 16.20
最后给大家简单的看一下项目路径结构:
在这里插入图片描述
代码量还是很多的,所以如果能坚持 根据自己所学的编程知识,然后自己尝试着写几个完整的项目,我相信自己的技术会有一个非常快的提升。
这个项目开发完成后,也搭建了一个预览地址,有兴趣的小伙伴可以去看看,希望对你有所帮助:
https://wwwoop.com/home/Index/projectInfo?goodsId=77&typeParam=2&subKey=1

最后再给大家简单的说一下 项目运行的操作说明,以防有些刚学习的小伙伴对 node的命令不熟悉!
操作说明:

  1. node环境 :16.20

  2. 安装依赖: npm i

  3. 运行项目:npm run serve

  4. 打包项目:npm run build

相关文章:

  • 基于知识库的客户服务工具
  • Kubernetes学习笔记-环境变量的使用
  • 使用 Vue 3 开发桌面端应用的框架性能对比
  • 图神经网络(GNN)基本概念与核心原理
  • Qt中的全局函数讲解集合(全)
  • IM云端搜索全面升级,独家能力拓展更多“社交连接”玩法
  • Windows server 2019中百度网盘登录中安全验证窗口空白
  • 华为IP(5)
  • AtCoder Beginner Contest 242 G - Range Pairing Query (莫队)
  • JS 中call、apply 和 bind使用方法和场景
  • Ascend C常见问题案例:含有Matmul高层API的算子精度问题
  • 【音视频】视频解码实战
  • Linux一个系统程序——进度条
  • 【基础篇】prometheus页面UI功能详解
  • C# 类(Class)教程
  • web 开发中,前端部署更新后,该怎么通知用户刷新
  • Java EE 计算机的操作系统
  • Python爬虫课程实验指导书
  • ZeroGrasp:零样本形状重建助力机器人抓取
  • Pikachu靶场-目录遍历
  • 专业竞演、剧场LIVE直播,32位越剧新星逐梦上海
  • 促进产销对接,安徽六安特色产品将来沪推介
  • 央行回应美债波动:单一市场、单一资产变动对我国外储影响总体有限
  • 清华姚班,正走出一支军团
  • 上海市政府常务会议研究抓好稳就业稳企业稳市场稳预期工作,让企业感受温度
  • 党旗下的青春|83岁仍在“下生活”,他说生活是创作的源泉