前言这个夏天依旧喧闹，窗外蝉鸣不止，燥热的微风拂起了年少的热情，从此，我们与夏日长存，夏日与我们永在。项目分述项目预览 由于该项目我还在学习和完善当中，自己是第一次做vue项目，所以在写这篇博客时还在继续敲，这里就不一一展示。我将按照分述的版块来写下这个项目的细节和具体实现步骤，以此来促进自己的学习和知识的回顾。1.项目概述1.1基本业务概述 根据不同的应用场景，电商系统一般都提供了PC端，移动端
转载
2024-04-26 21:09:43
72阅读
花几天时间和小伙伴做了个仿知乎官网的项目，下面是我整理的项目搭建流程及部署和总结，如有不足之处欢迎大家批评指正！先奉上项目地址和源码！源码地址 ， 项目地址一、目录结构本项目使用vue-cli4脚手架创建，目录结构也比之前的2版本要简洁许多，下面是本项目的目录结构。 1.public文件夹下的data和found放的是json数据和图片资源，本来想直接调用知乎的数据接口，奈何没有权限，于是只好将j
Vue + ElementUI 后台管理项目实战 文章目录项目演示七、项目实战七Ⅰ、用户管理页面1. Form 表单2. 用户列表页头部 & dialog 弹窗3. 用户列表新增 & 新增+编辑接口调用4. 用户列表 table 组件的数据展示5. 剩余功能的实现 项目演示项目教学视频链接
vue + element-ui 项目演示 七、项目实战七Ⅰ、用户管理页面1. For
转载
2024-05-11 22:45:35
664阅读
1、创建order分支创建分支：git checkout -b order推送到远程：git push -u origin order2、通过路由渲染订单列表页面新建order文件夹，Order.vue文件：<template>
<div>
<h3>订单列表</h3>
</div>
</template>
<scr
element-ui的基本使用还是十分简单的，首先根据文档的步骤进行安装，导入需要的样式即可，这一块直接看文档就已经说明的很清楚了：https://element.eleme.cn/2.0/#/zh-CN/component/quickstart接着，你只需要找到你想要的样式，然后点开详细代码，复制到你的.vue文件里那么就可以了，例如直接复制官方提供的radio组件(链接)的第一个代码：可以看出
转载
2024-03-19 10:44:46
40阅读
前言之前有些过移动端的项目搭建的文章，感觉不写个pc端管理系统老感觉少了点什么，最近公司项目比较多，恰巧要做一个申报系统的后台管理系统，鉴于对vue技术栈比较熟悉，所以考虑还是使用vue技术栈来做；看过一个不错的后台配置模板（vue-element-admin），页面也挺美的，但是还是碍于不想看太多关于这个模板的配置说明，于是又拉出来之前我搭建的简易版的模板，决定重构下，使用自己搭建的后台系统模板
Vue.js是一种流行的JavaScript框架，它提供了一种轻量级的方式来构建交互式的Web应用程序。在Vue.js中，响应式是一项非常重要的功能，它允许我们通过自动更新视图来动态地更新数据。Vue.js 2.x和Vue.js 3.x都具有响应式功能，但它们在实现上有一些不同。在本文中，我们将比较Vue.js 2.x和Vue.js 3.x的响应式功能。Vue.js 2.x响应式在Vue.js 2
转载
2024-07-15 11:55:14
76阅读
Vue后台管理系统此项目是 vue + element-ui 构建的后台管理系统（单页面应用），所有的数据都是从服务器实时获取的真实数据，具有真实的登录、数据显示、新增数据、修改数据、删除数据等功能。前端技术栈：vue + vuex + vue-cli + vue-r outer + ES6 + sass + element-ui调试工具：devtools + postmanvue-cli搭建项目
vue+elementUI 后台管理极简模板写在前面此篇文章为一篇说明文档，不是教你从零构建一个后台管理系统，而是基于一个实际项目，已经搭建好了一个后台管理系统的基础框架，教你如何在此基础上快速开发自己的后台管理系统，能让读者能在掌握一些基础知识的情况下，也能上手vue后台开发。只有接触项目，才能更好地理解自己所学知识的意义，触类旁通把死知识点变成活学活用的技能。先跑起来# 克隆项目
git cl
转载
2024-04-02 15:53:46
164阅读
目录1.分类参数功能的开发1.创建分支2.参数管理概述3.通过路由将分类参数显示到页面中4.渲染分类参数基本结构5.获取商品分类的列表数据 6.获取商品分类的级联选择框7.控制其只能选中三级分类 8.渲染动态参数和静态属性的table标签9.渲染添加参数，添加属性的按钮（禁用和启用）10.获取参数列表数据问题1：面板切换了请求没有获取问题2：获取到的数据是给哪个面板使用12.渲
我的思路是：首先，只上传附件照片，这个直接看ele的官方例子就行，不仅仅上传附件照片，还同时上传其他参数。然后，再做上传照片和文件，上传其他参数，其实也就是文件合并。一、上传照片和其他参数页面样式大约就是这样的，参数有优先级，发生时间，服务单名称，服务单描述，图片附件上传。（一）视图部分代码：<el-form-item prop="image" label="图片附件上传"><e
文章目录1.vue2-manage2.Cloud-Admin3.Guns4.Cloud-Platform5.react-admin6.hsweb7.hxyFrame8.XMall9.zuihou-admin-cloud10.Vue-Admin 1.vue2-manage此项目是 vue + element-ui 构建的后台管理系统，是后台项目node-elm 的管理系统，所有的数据都是从服务器实
文章目录相关链接前言效果登录页首页管理员的首页xiaoxiao的首页用户管理总结项目搭建左侧：CommonAside上侧：CommonHeader和CommonTag首页：Home.vue用户管理：User.vue登录页：Login.vue总代码（已开源） 前言这个项目做了半个月，这半个月里我从一个只了解vue相关语法规则的小白变成了稍微熟悉vue的小白，在写项目的时候熟悉了（包括但不限于）：组
转载
2024-03-25 20:33:38
542阅读
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
写在开头上一篇文章 ElementUI源码系列三 - 学习gen-cssfile.js文件之自动创建组件的.scss文件与生成index.scss文件内容 我们讲过添加一个新组件要经历三个步骤：第一步 - 创建组件目录结构第二步 - 创建组件样式文件第三步 - 总入口文件引入组件并且我们实现了第二步的自动创建操作，也就是仅通过命令即可完成创建文件，再也不需要手动创建操作。当然，这第二步还不够高级，
转载
2024-07-03 23:13:10
48阅读
一 分析vue2时期PC端的UI库封神之作elementUI随着vue3的到来,发布了其续作elementPlus,并在2022年发布正式版本(根据更新日志的信息,全新的稳定版2.0.0于2022-02-07发布).点这里一键跳转至官方网站.在elementPlus中,为了解决普通树形组件无法容纳大量数据的情况,提供了一款新的组件,来解决大量数据用树形组件展示问题,该组件便是我们今天要介绍的主角,
转载
2024-05-29 20:30:03
810阅读
element-ui按需引入踩的坑（Vue）一、按需引入的步骤1. 下载npm i element-ui -S2. 配置bable.config.js文件{
/* "presets" 使用脚手架中自带的配置即可" */"presets": [["es2015", { "modules": false }]],
"plugins": [
[
"component",
{
"libraryName":
转载
2024-06-25 08:39:34
60阅读
本文会详细讲解vue.js的安装与node.js安装使用vue.js，安装文档和步骤会一一提供和讲解。虚心好学，如有欠缺，多多指导。 vue.js项目环境搭建vue.js安装一、script 标签 引入使用二、使用 CDN 方法三、node.js安装（推荐使用） vue.js安装一、script 标签 引入使用直接下载并用 script 标签引入 下载网址：https://cn.vuejs.org
转载
2024-10-17 19:55:29
402阅读
ElementUi是怎么做表单验证的？在循环里对每个input验证怎么做呢？model 绑定表单数据,通过prop取表单数值,通过编写ref进行后台API验证 ,根据rules进行表单内容验证你有二次封装过ElementUI组件吗?popover + button 的组件，点击该按钮后还有个二次确认或选择的交互。 InfiniteScroll 封装个简单的带触底加载的列表<template&
目录开发环境实现效果技术要点及代码一、querySelectorAll() 方法二、scrollIntoView()方法实战核心代码开发环境在HBuilder X开发工具下通过CDN的方式引入vue2.0以及Element-UI<!--引入vue2.0-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.10/dis
