写在前面此篇文章为一篇说明文档,不是教你从零构建一个后台管理系统,而是基于一个实际项目,已经搭建好了一个后台管理系统的基础框架,教你如何在此基础上快速开发自己的后台管理系统,能让读者能在掌握一些基础知识的情况下,也能上手vue后台开发。只有接触项目,才能更好地理解自己所学知识的意义,触类旁通把死知识点变成活学活用的技能。先跑起来 # 克隆项目 git clone https://github.c
vue-element-admin中table分页原理:根据currentPage与pageSize去后台精准查询,返回匹配的结果,然后前台currentPage与pageSize变化时,再去后台获取相应的结果值。这样的优点:前台存储的资源少,压力小。缺点:后端不断接收请求的次数多。我优化了一下,不能说优化,改造了一下,增加了另一种分页机制,后台全部获取数据,前台通过computed得到table
转载 2024-06-14 08:37:32
97阅读
js
原创 2022-08-13 00:32:44
396阅读
一、Vie编码基础vue项目规范以 Vue 官方规范(https://cn.vuejs.org/v2/style-guide/)中的A规范为基础(一) 组件规范1、组件名为多个单词组件名应该始终是多个单词的,且命名规范为 KebabCase格式这样做可以避免跟现有的以及未来的 HTML 元素相冲突,因为所有的 HTML 元素名称都是单个单词的。正例:export default { name:
基于 vue 的ui框架手机 电脑 兼容框架vuetifyjsvuetifyjs是比较流行的基于vue前端ui框架,作者John Leider来自国外,vuetifyjs组件众多,并且电脑端,移动端通用一套代码官网网址: https://vuetifyjs.com/zh-Hans/ 手册网址: https://vuetifyjs.com/zh-Hans/getting-started/quick
安装脚手架终端执行命令:npm install -g @vue/cli创建vue项目**方法一:**基于交互式命令行的方式,创建新版vue项目,执行命令:Vue create my-project //my-projec为项目名。按照提示内容选择创建方式。创建完成后cd到项目中可以执行npm run serve命令运行项目运行完成后可以访问生成的地址查看创建的项目**方法二:**图形化方式创建vu
转载 2024-04-14 21:01:30
54阅读
Element:是饿了么团队研发的,一套为开发者、 设计师和产品经理准备的基于Vue 2.0的桌面端组件库。组件:组成网页的部件,例如超链接、按钮、图片、表格、表单、分页条等等。
原创 精选 2023-11-14 14:31:54
868阅读
SPA单页面 程序单页Web应用(single page web application,SPA):AJAXJWT 状态 保持。
原创 2023-10-18 10:51:57
0阅读
点击上方 "程序员小乐"关注,星标或置顶一起成长每天凌晨00点00分,第一时间与你相约每日英文What other people t...
转载 2021-05-29 15:13:49
427阅读
由前台导入Excel表格,获取批量数据。
转载 2022-12-25 10:02:57
375阅读
作者:Matt Maribojoc 译者:前端小智 后面的模板是我们做后台管理系统经常所需要的东西。 虽然,我们总可以花很多时间从头开始设计自己的模板,但有现在的模板让我们套,节省我们更多时间用来摸鱼,何乐而不为呢。这些现有出色模板,除了节省时间外,还附带这些好处:内置常用案例的组件跨不同视图的一致样式内置响应式设计技术支持和文档1. Vue Black Dashboard Pro线上地址:htt
转载 1月前
547阅读
因项目工作需要,目前在研究前端的一些知识。主要想实现一个类似于webstorm,可以实现对本地文件进行增删改查等操作的IDE。
原创 2022-08-11 12:01:05
542阅读
 一.Vue渐进式 JavaScript 框架二.Vue安装1.安装node.js node.js中文网下载网址http://nodejs.cn/download/ 下载安装后,打开命令行(win+r 输入cmd)输入node -v 查看node的版本号,若显示如图则安装成功。安装完node.js也就有了npm管理器,它是集成在node中的,输入 npm -v 命令,显示npm的版本信息
转载 2024-02-26 11:03:29
149阅读
vue-element-admin/vue-admin-template 简介(vue-element-admin) 是一个基于element-ui的一套后台管理系统集成方案 功能是:https://panjiachen.github.io/vue-element-admin-site/zh/gui ...
转载 2021-10-19 16:09:00
501阅读
2评论
为了前后端分离,我们在前端和api层中间,架构了一层node层,用来做服务端渲染,来加快用户的首屏可用和对搜索引擎的友好。项目一开始放置在同一个git仓库里面,分别放在client目录和server目录中(或者类似于vue 官方例子中的一样,node服务可能只有一个sever.js。因为server中可能需要client中的一些资源,所以不得不将他们放在一起。后来通过配置中心驱动之后,client
一、开始一)安装安装node.js下载网址:https://nodejs.cn/download/node -v #查看node版本 npm -v #查看npm版本,可以成功环境变量配置正确 npm config set registry http://registry.npm.taobao.org #设置npm为淘宝 npm config get regist
转载 2024-07-05 20:51:47
166阅读
一、Element Form资料地址:https://element.eleme.cn/#/zh-CN/component/form下面以Form表单为例,介绍Element UI的使用。第1步:使用脚手架创建vue工程;vue create vue-form第2步:添加element插件。vue add element选择按需加载:第3步:在App.js文件中定义Form表单;<templ
转载 2024-04-21 18:04:52
96阅读
项目介绍使用 vue 以及 element-ui 搭建一个 后台管理系统的模板。 纯属练手(写的比较糙 望指点)基本环境搭建 初始化项目使用 vue 以及 element-ui 搭建一个 后台管理系统的模板。 纯属练手(写的比较糙 望指点)1、初始化项目(babel vuex router eslint)vue create sandcms  2、等待 出现以下提示 
拟实现整体布局确定一下我们后台框架的整体布局,就来个基础经典的再看下实现之后的效果:接下来一步一步走:1、webstorm新建项目接下来就等系统创建好后直接npm run serve,我们得到了一个默认的vue项目2、在项目中引入Element-UI参考官方说明:我们进行npm安装安装完毕之后,我们在main.js中进行引入:参考官方说明:整体引入:3、利用el-container设置页面布局参考
转载 2024-04-11 11:51:46
188阅读
VUE框架引入Element-UI实现前端效果------VUE框架
原创 7月前
74阅读
  • 1
  • 2
  • 3
  • 4
  • 5