Gin-Vue-AdminGIN-VUE-ADMIN 是一个基于 vue 和 gin 开发的全栈前后端分离的后台管理系统,拥有 jwt 鉴权,动态路由,动态菜单,casbin 鉴权,表单生成器,代码生成器等功能,新版本增加了从数据库表一键创建前后端 curd 代码功能,方便大家从老系统迁移,大大减少了开发工作量,真正做到 5 分钟一套基础业务,让大家把更多时间专注在复杂业务开发上。项目地
转载 2024-07-29 20:49:52
145阅读
目录一、创建项目创建工程创建登录页面二、创建登录页面1.创建首页视图,在views目录下创建一个名为Main.vue的视图组件:2.创建登录页视图在views目录下创建名为Login.vue的视图组件,其中el-*的元素为ElementUI组件;         组件 --> 路由3.创建路由,在rou
本文实现了三种(也就是官方所讲的前三种,最后一种不想试了):方法一:在项目中改变 SCSS 变量项目使用scss时,创建自定义的scss文件,写入一下内容/* 改变主题色变量 */ $--color-primary: teal; /* 改变 icon 字体路径变量,必需 */ $--font-path: '~element-ui/lib/theme-chalk/fonts'; @import
转载 2024-03-06 03:30:59
52阅读
1 循环块 (表头动态变化 / 多个规律label)<el-table-column v-for="item in ['1','2','3']" :key="item" :label="item" prop="noticeType">  </el-table-column> 2 多个数组生成法 Array.apply(null, {
文章目录相关链接前言效果登录页首页管理员的首页xiaoxiao的首页用户管理总结项目搭建左侧:CommonAside上侧:CommonHeader和CommonTag首页:Home.vue用户管理:User.vue登录页:Login.vue总代码(已开源) 前言这个项目做了半个月,这半个月里我从一个只了解vue相关语法规则的小白变成了稍微熟悉vue的小白,在写项目的时候熟悉了(包括但不限于):组
转载 2024-03-25 20:33:38
542阅读
一、蓝色主题 Element ui 后台管理 Demo https://github.com/taylorchen709/vueAdmin https://taylorchen709.github.io/vueAdmin/#/user Element ui 文档 http://element.eleme.io/#/zh-CN/...
原创 2021-11-23 17:18:55
2562阅读
VUE项目实战(一)1.vue-cli脚手架初始化项目2.项目的其他配置1.项目运行起来的时候,浏览器自动打开2.eslint校验功能关闭3.src简写为@3.路由传参4.路由传参相关面试题5.重写push和replace方法1.vue-cli脚手架初始化项目1.首先需要下载node+webpack+淘宝镜像2.Vue创建项目:npm install --globalvue-cli vue ini
转载 2月前
372阅读
今天突发奇想想从零开始搭建一个vue项目,为什么会有这样的想法呢?我从开始接触vue到现在已经一年了,但是我从开始接触到现在其实都没有自己完整的做一个项目。要不是半路加入项目组,要不就是在别人的初始框架上进行二次开发,要不就是给别人开发完成的项目擦屁股。所以我想着我从零开始搭建一个Vue项目应该会让我对vue的整体架构会有着更深的理解。话不多说,让我们开始第一期的开发。1)环境搭建Node环境网上
前言本次使用Vue+element-ui创建项目,当然前提是已经安装好vue和node.js。准备工作本次小弟使用的编辑器是VS Code(Visual Studio Code)。 电脑还要有网络哦。实战创建项目打开你的cmd命令,切换到你要存放vue项目的文件夹。 小弟本次将项目存放在E盘的vue文件夹里。输入vue init webpack-simple 项目名 记得空格,但是前后都没有空格。
简介路线专为想学Vue却无从下手的人群设计,以实际项目为例,逐层深入,快速上手Vue。学习路线内容1.2019黑马web前端开发全套视频教程基础班+就业班【PC端后台电商项目】 难度:初中级【强烈推荐】2.Vue全家桶实战 从零独立开发企业级电商系统【PC端前台电商项目】 难度:中级 3.Vue Element+Node.js开发企业通用管理后台系统  【P
公司最近项目是后台管理系统,由我负责,网上找模板发现还需要改很多地方,而且那些模板也没有写代码的实现思路,对于vue项目经验不足者很难看懂,所以就按照自己的思路从零实现一遍,过程讲解还是比较详细的,若是有不足之处还请指正。整体布局:登录:   菜单:准备工作:1、安装elementuinpm i element-ui -S import ElementUI from
转载 2024-02-08 15:19:31
101阅读
本人从事前端开发工作已有四年,这期间做的大部分都是移动端 H5 项目,这几年来大大小小的 H5 项目也做了有十几个了。对于移动端 H5 项目来说,有些功能和配置其实是通用的,基本上每个项目都会用到,比如说:微信授权及分享、UI 组件库、各种小组件等。基于我平时比较喜欢总结以及为了以后开发 H5 项目省事的目的,就有了这个项目(主要就是为了偷懒,,,)这个项目是啥Vue 移动端新项目模板,封装了 H
转载 2024-08-17 15:42:55
427阅读
写在前面此篇文章为一篇说明文档,不是教你从零构建一个后台管理系统,而是基于一个实际项目,已经搭建好了一个后台管理系统的基础框架,教你如何在此基础上快速开发自己的后台管理系统,能让读者能在掌握一些基础知识的情况下,也能上手vue后台开发。只有接触项目,才能更好地理解自己所学知识的意义,触类旁通把死知识点变成活学活用的技能。先跑起来 # 克隆项目 git clone https://github.c
前言文章链接: ​​Vue后台管理系统模板推荐​​​​Vue.js​​ 是一个目前比较流行的前端框架,已经到了前端人人都会的地步,今天这里为大家罗列一下基于 Vue 的后端管理的框架。目前比较流行和 Vue 搭配的 UI组件 有​​Element-UI​​、​​iview​​、​​Bootstrap-Vue​​、​​Ant-Design-Vue​​,另外还有​​Vuetify​​、​​Buefy​
原创 精选 2022-08-09 10:46:59
1714阅读
1点赞
项目介绍使用 vue 以及 element-ui 搭建一个 后台管理系统模板。 纯属练手(写的比较糙 望指点)基本环境搭建 初始化项目使用 vue 以及 element-ui 搭建一个 后台管理系统模板。 纯属练手(写的比较糙 望指点)1、初始化项目(babel vuex router eslint)vue create sandcms  2、等待 出现以下提示 
该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统(Web Management System)开发
原创 2022-08-15 17:28:18
1182阅读
功能概述关键字: 开源 java 小项目 管理系统 小框架该系统后台基于springboot开发,前端基于 vue + element。主要的功能模块包含: 会员管理 、 商品列表管理 、 活动管理 、 团购管理 、 店铺信息管理 、 系统管理等功能。是一个不错的后台基础开发框架。对于新手和小型JAVA项目开发者来说是一个不错的选择。现在流行:小而简单的系统,耦合性低的springboot系统
原创 2020-12-29 09:51:08
984阅读
新项目使用的是vue.js 后来发现饿了吗前端编写的一套框架Element 来配合vue.js进行样式填充 之前用过angularjs 用到后来 发现越来越难学 于是就决定用vue.js 下面就介绍一下vue.js应用在表格里的增删改查 首先安装相关js以及cssimport 'element-ui/lib/theme-default/index.css' import Vue from
转载 2024-02-29 17:48:43
35阅读
SpringBoot+Vue+ElementUI实现导入和导出1.导出数据1.1.后端需要导入的maven依赖1.2编写controller1.3 前端代码2. 导入数据2.1 编写后端代码2.2 前端代码3.遇到的一些细节问题3.1 时间日期格式的转换3.2 LocalDateTime和Date的相互转换3.3 response响应回去的中文数据乱码 1.导出数据1.1.后端需要导入的mave
Vue3的UI Framework中有Element-Plus、BalmUI、Quasar、PrimeVue、Ant Design Vue等UI Framework.Element-Plus是Element-UI的Vue3版,Element-UI的使用人数的基数较大,Github上的Star数也较多,就选择了Element-Plus作为这个Blog项目的UI Framework.UI Framew
转载 2024-03-22 10:52:31
1383阅读
  • 1
  • 2
  • 3
  • 4
  • 5