背景介绍和环境搭建 背景 crudapi增删改查接口系统的后台Java API服务已经全部可用，需要一套后台管理UI，主要用户为开发人员或者对计算机有一定了解的工作人员，通过UI配置元数据和处理业务数据，经过调研最终决定通过Vue实现SPA单页面Web应用，打开浏览器就可以很方便使用。 技术选型 Vue 目前主流的三大前端框架分别是Angular React Vue。其中Angular适合大型项目 ...
2021-03-05 13:46 0 523 推荐指数：
基于Vue和Quasar的前端SPA项目实战之序列号（四） 回顾 通过上一篇文章 基于Vue和Quasar的前端SPA项目实战之布局菜单（三）的介绍，我们已经完成了布局菜单，本文主要介绍序列号功能的实现。 简介 MySQL数据库没有单独的Sequence，只支持自增长(increment ...
基于Vue和Quasar的前端SPA项目实战之拖拽表单定制（十六） 回顾 通过前一篇文章 基于Vue和Quasar的前端SPA项目实战之动态表单（五）的介绍，实现了元数据中动态表单设计功能，支持常见的数据类型和索引，然后实现了动态表单的crud增删改查功能，所有的表单页面都是默认的风格。本文 ...
基于Vue和Quasar的前端SPA项目实战之布局菜单（三） 回顾 通过上一篇文章 基于Vue和Quasar的前端SPA项目实战之用户登录（二）的介绍，我们已经完成了登录页面，今天主要介绍布局菜单的实现。 UI界面 效果 首页 业务数据菜单展开 设置页面 说明 布局主页分为 ...
基于Vue和Quasar的前端SPA项目实战之用户登录（二） 回顾 通过上一篇文章 基于Vue和Quasar的前端SPA项目实战之环境搭建（一）的介绍，我们已经搭建好本地开发环境并且运行成功了，今天主要介绍登录功能。 简介 通常为了安全考虑，需要用户登录之后才可以访问。crudapi ...
什么是vue-cli? vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下： * 想要创建项目成功，当然不可缺少一些必要的环境，所以下面就来详细介绍安装环境步骤 安装vue-cli 打开命令运行npm install ...
1. 什么是vue-cli? vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下： vue init webpack xxx 2. 安装vue-cli npm install -g vue-cli 注1：安装成功后，会出 ...
1、下载node.js并安装 下载地址：https://nodejs.org/en/download/。 下载.msi 格式的直接连续下一步就可以了。安装完成后可以用 node -v 和 npm -v 查看版本号。 2、安装vue-cli 脚手架构建工具 在命令行中输入 ...
前言 这段时间一直有学员和一些正在从事前端开发工作的朋友询问“有没有推荐的前端开源项目？”，因为一直忙于工作没有时间去整理，今天应各位的请求，我整理了一些开源项目 。推荐顺序与项目的好坏无关，框架的推荐顺序就大家询问的比例来分，跟当前市场框架的占有率无关，所以大家不要先入为主的认为我列在前面 ...
