文章 2024-06-12 来自:开发者社区

【vue实战项目】通用管理系统:作业列表

1.前言 本文是博主前端Vue实战系列中的一篇文章,本系列将会带大家一起从0开始一步步完整的做完一个小项目,让你找到Vue实战的技巧和感觉。 前文中我们依次安装好了插件、依赖,搭建好了环境,搭好了项目的架子,实现了登录页、首页、菜单栏、导航栏、学生列表模块这些功能。接下来我们要做的是作业管理模块,该模块用来对学生的作业进行管理,主要是实现一个作业管理列表+后端分页的功能...

【vue实战项目】通用管理系统:作业列表
文章 2024-06-12 来自:开发者社区

【vue实战项目】通用管理系统:学生列表

1.概述 本文实现的是学生管理界面里面的学生列表组件,该组件内包含对学生信息的查询、删除、以及对数据的分页。没有录入功能,录入功能在接下来后续的信息管理组件中。 首先来看一下学生列表组件的最终页面效果: 2....

【vue实战项目】通用管理系统:学生列表
文章 2024-06-12 来自:开发者社区

【vue实战项目】通用管理系统:首页

1.搭架子 先来看一下主页的样子: 主页的结构:头部+中间+底部,也就是由header、menu、footer三个组件组成。由于这三个组件是很多页面都要用到的公共组件,所以在components下面建一个common...

【vue实战项目】通用管理系统:首页
文章 2024-06-12 来自:开发者社区

【vue实战项目】通用管理系统:信息列表,信息的编辑和删除

1.概述 上一篇文章,我们完成了信息列表的信息录入,本文将接着完成信息列表的编辑和删除。使用弹窗的方式来编辑某一列的信息: 点击删除按钮来删除对应列的数据: ...

【vue实战项目】通用管理系统:信息列表,信息的编辑和删除
文章 2024-06-12 来自:开发者社区

【vue实战项目】通用管理系统:信息列表,信息录入

1.概述 首先我们要搞清楚学生信息列表页是用来干啥的: 用来对学生的基本信息进入管理,也就是录入基本信息,以及维护基本信息。 和前面的学生列表不同的是,学生列表是展示学生的关于学生这个身份的相关信息,是从学校的角度出发。学生信息列表是用来维护学生的更多、更全面的详细基本信息的,更多的是从一个自然人的角度出发的。 来看看整个页面长什么样子: 一个展示学生信息...

【vue实战项目】通用管理系统:信息列表,信息录入
文章 2024-06-12 来自:开发者社区

【vue实战项目】通用管理系统:登录页

1.前言 本文是博主vue实战项目系列文章的第一篇,本系列将清晰的从搭建环境开始一步步开发一个vue的通用管理系统,项目规模不大,较为小巧,但是覆盖了目前常用的前端开发技术。很适合作为一个前端的练习项目,也特别适合后端的小伙伴用来熟悉前端。整个系列走完,会对当前的前端开发的技术栈有了较为大致的了解,不会再打开现在的一个前端项目两眼一抹黑。 本项目会先用vue2来开发,然后升级成v...

【vue实战项目】通用管理系统:登录页

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注