![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端框架
Jiang呀
这个作者很懒,什么都没留下…
展开
-
vue+ElementUI的树形菜单背景颜色修改
前言最近开发项目遇到一个问题,就是原型图中树形菜单背景颜色是透明的但是默认的树形菜单背景颜色是白色的,用style更改不了背景颜色,最后找到了解决办法。解决办法根据路径F:\project\crm\node_modules\element-ui\lib\theme-chalk找到index.css用记事本打开,点击编辑里的查找,找到el-tree的样式,将其更改为none即变成透明:效果图:...原创 2020-09-02 16:16:26 · 3189 阅读 · 1 评论 -
SPA项目实现页面跳转&mock.js拦截请求&vue组件之间传递数据
前言上篇博客讲述了一遍SPA项目的登录,这篇博客讲一下SPA项目的跳转以及左侧菜单。页面跳转我就做一个注册界面8!首先需要一个注册界面:我是copy我的登录界面再做修改的代码:<template> <div class="login-wrap"> <el-form class="login-container"> <h1 class="title">用户注册</h1> <el-form-item label="原创 2020-08-30 09:51:31 · 1126 阅读 · 0 评论 -
SPA项目与后台交互实现的登录
SPA项目与后台交互实现的登录前言实现过程前言上篇博客讲了如何搭建一个SPA项目,这篇博客讲述SPA项目与后台交互实现的登录。实现过程首先我们需要新建一个SPA项目,并配置好相关依赖。安装elementUInpm install element-ui -S 用于后台交互(axios/qs/vue-axios)npm install axios -Snpm install qs -S npm install vue-axios -S安装elementUI完后需要引入main.js原创 2020-08-26 11:35:09 · 2548 阅读 · 0 评论 -
vue-cli搭建SPA项目
前言这篇博客讲的是基于vue-cli搭建SPA项目,需要提前建设node.js环境。vue-cli简介vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。什么是脚手架?脚手架本质上就是一套工具,由于在web2.0时代,应用变复杂后,出现了很多可以让前端开发效率提升的框架和标准及工具等等,可能这些新的代码方式远行环境还不支持,也许我们需要一个本地测试环境和运行环境及调试环境等,所以需要一套完整的工具帮我们处理问题及项目构建。一般不同的技术栈也原创 2020-08-23 16:20:26 · 154 阅读 · 0 评论 -
vue路由
vue路由前言路由实例实现思路整个demo前言通过vue的路由可实现多视图的单页Web应用(基于html的SPA)!中文文档:https://router.vuejs.org/zh/什么是路由?route:译为路由,即我们可以理解为单个路由或者某一个路由。比如说我们买这个高铁票火车票回家的线路,这个线路就和路由有点像,就是路径,与我们生活中所说的路由器不相同。routes:它是个复数,表示多个的集合才能为复数。即我们可以理解为多个路由的集合,JS中表示多种不同状态的集合的形式只有数组和对象两原创 2020-08-22 18:58:06 · 203 阅读 · 1 评论 -
node.js环境搭建
node.js环境搭建node.js初步了解npmNode.js的环境搭建node.js什么是node.js?1、Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]2、Node.js使用了一个事件驱动、非阻塞式I/O的模型。3、Node.js是一个让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。Node.js和J2EE的区别?node.js是javaScript运行原创 2020-08-21 15:13:09 · 161 阅读 · 0 评论 -
vue基本语法及案例(二)
vue基本语法及案例(二)前言样式绑定前言我在之前讲述了一些vue的基本语法,这篇博客依旧是讲述vue的基本语法。样式绑定class绑定语法: 使用方式:v-bind:class="expression" expression的类型:字符串、数组、对象测试代码: <div id="app"> <div :class='textColor'> 有人吗 </div> </div> <script原创 2020-08-19 16:40:31 · 135 阅读 · 0 评论 -
vue基本语法及案例(一)
vue基本语法(一)前言插值指令动态参数v-on与v-bind的简写前言上篇博客介绍了vue的简介、安装步骤、生命周期,这篇博客主要讲述vue的一些基本语法!插值文本插值其实就是我上篇博客所举的简单例子,使用{{}}来显示字符串:html插值将html代码存入一个vue的v-html指令中,利用div将其显示出来;属性赋值使用v-bind指令绑定属性并将其赋值;表达式使用v-bind指令与{{}}配合函数符号啥的变成一个表达式。测试代码:<!DOCTYPE html>原创 2020-08-18 16:44:16 · 241 阅读 · 0 评论 -
vue入门
vue入门vue 概念vue的安装vue 案例演示点击事件vue 概念vue是一个构建用户界面(UI)的[渐进式]JavaScript框架vue作者:尤雨溪/中国无锡 华人重点:vue是框架,而我们之前学习的jQuery是库为什么不一样?这两者的区别?库(Library),本质上是一些函数的集合。每次调用函数,实现一个特定的功能,接着把控制权交给使用者。例如:jQuery。框架(Framework),是一套完整的解决方案,使用框架的时候,需要把你的代码放到框架合适的地方,框架会在合适的时机调原创 2020-08-15 10:34:21 · 121 阅读 · 0 评论 -
layUI树形菜单后端动态加载数据和遇到的bug
layUI树形菜单各种形态前言基本功能演示实现步骤动态加载数据前言这篇博客主要讲述了layUI树形菜单的各种形态以及配合MySQL数据库中的数据动态加载节点!基本功能演示这上面是一个比较全面的树形菜单,下面是有关它的详述图:实现步骤第一步肯定是要导入layUI的包啦!没有的小伙伴们火速下载熬:https://www.layui.com/下载完是这样的:啊有一个注意事项:我在观看layUI的示例时,我只在其中看到了两个导入的路径: <link rel="stylesheet"原创 2020-07-01 23:25:29 · 3405 阅读 · 5 评论 -
easyUI数据表格的增删改
前言之前我做过了easyUI组件实现的数据表格,并将数据从数据库中动态显示在其中,还有模糊查询的功能,今天我来完善完善关于使用easyUI的模态框来进行数据的增加修改。为什么是模态框呢?因为模态框可以节省代码哇,我们已经将数据显示在了当前jsp界面,我们可以直接使用js配合模态框进行表单提交以及获取数据修改删除诶。实现实现效果:实现思路:代码解析首先是增加和修改:jsp代码:<%@ page language="java" contentType="text/html; char原创 2020-06-28 16:45:42 · 221 阅读 · 0 评论 -
easyUI之tree组件实现思路之前端实现效果
将MySQL中的数据传入tree组件实现思路之前端实现效果前言实现思路前言前面我已经讲过了后台获取MySQL数据库中的对应json格式的数据,今天我们来把它做成tree!指路:获取MySQL数据库中的对应json格式的数据实现思路实现思路:实现效果:...原创 2020-06-22 23:19:18 · 200 阅读 · 0 评论 -
easyUI动态tree组件实现思路之后台获取json格式数据
easyUI中将MySQL中的数据转入tree组件实现思路前言tree组件简介后台代码获取数据总结前言之前我已经做好了一个布局,今天我们学习一下关于tree组件的后台代码实现,下一篇博客实现效果!tree组件简介tree其实就是像上面图片的一个组件,就像一个父类中包含着许多子类,子类中还能包含着孙子类这样子,至于为什么叫tree……可能是这个特性像极了树的分支吧!后台代码获取数据需要的工具类需要的jar包:我们需要将以下数据转换成json格式:然后我们就思考,它是怎么转换成js原创 2020-06-21 23:53:08 · 446 阅读 · 0 评论 -
easyUI的tab选项卡以及右击菜单
tree组件加上tab选项卡前言实现总结前言之前的博客讲过了MySQL+mvc实现动态的tree组件,这次,我们来讲讲点击tree的叶子节点后出现的选项卡效果如何实现。(用之前讲述tree的话来说,叶子节点就是辈分最小的一个)实现首先看看实现效果:首先,我们思考,我们一般进入类似的界面,都是有一个默认打开的首页界面,所以我们需要在jsp界面写一个easyUI中的选项卡组件: <div id="tabs" class="easyui-tabs" style="width:100%;he原创 2020-06-23 21:17:33 · 429 阅读 · 0 评论 -
easyUI简介
easyUI简介什么是easyUI?ui框架为什么要学习easyUI什么是easyUI?easyUI是一种基于jquery加上html4的一种ui框架,ui框架顾名思义就是与界面有挂钩的。特点:使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义界面。easyui节省网页开发的时间和规模。easyui很简单但功能强大也更加稳定。官方地址:http://www.jeasyui.net/ui框架ui框架流行年份特点是否需要收费ea原创 2020-06-20 21:02:51 · 848 阅读 · 0 评论 -
easyUI学习文档
链接:https://pan.baidu.com/s/1r0Pvt7FB_UDv0tF7x41tvA提取码:wche原创 2020-06-24 20:47:04 · 144 阅读 · 0 评论 -
easyUI之动态dataGrid(数据表格)
前言之前我做了个选项卡组件,这会儿我想往里面增加点东西,就决定是你了数据表格!实现先看看效果图:步骤:导入依赖: <!-- 写全局样式 --> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/themes/default/easyui.css"> <!-- 定义图标的样原创 2020-06-24 21:10:29 · 672 阅读 · 0 评论