今天推荐一款非常不错的在线答题考试项目,使用 SpringBoot+Vue 前后端分离开发,功能完善,界面简洁,主要优点是开发、部署简单快捷、界面设计友好、代码结构清晰。目前支持PC端和微信小程序,能覆盖到pc机和手机等设备。
学之思在线考试系统是一款 java + vue 的前后端分离的考试系统。主要优点是开发、部署简单快捷、界面设计友好、代码结构清晰。目前支持web端和微信小程序,能覆盖到pc机和手机等设备。
在xadmin中是不能像原生admin那样使用formfield_for_manytomany方法来过滤多对多字段
Vue-chart.js 绘制图标 https://vue-chartjs.org/ Vue-fa 可以使用fontAwesome5 的各种插件 https://cwe;o.github.io/vue-fa/ Vee-validate 基于模板的Vue校验框架 https://baianat.github.io/vee-validate/' eslint-plugin-vue vue语法检查工具,可以快速的定位出错位置 https://eslint.vuejs.org/ vue——lazyload 图片懒
示例: 使用计算属性,计算书本的总价定义测试数据,和计算属性,计算属性遍历书本记录,计算总价
做一名在校大学生,我的梦想是做一名独立的开发者,具备全栈思维额能力的一名开发者,我的技术栈是 SpringBoot + Vue 学习记录来自
需求:输入框中输入姓名,失去焦点时验证是否存在,如果已 经存在,提示从新输入,如果不存在,提示可以使用。
v-model <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../../../js/vue.js"></script> </head> <body> <s03VUE中的模板语法以及过滤器和双向数据绑定Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。vue将模板编译成虚拟dom, 结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。01Vue有什么特性,相对于其他框架都有那些优势!Vue所提供的一些相对高级的特性,表单操作,自定义指令,计算属性,过滤器,侦听器,生命周期。02【Vue.js】21个值得一用的组件库FontAwesome5库的vue实现,可以调用FontAwesome5的各种组件。00Vue常用特性-表单基本操作和表单修饰符1.表单基本操作 1基于Vue的表单操作 Input 单行文本 textarea 多行文本 select 下拉多选 radio 单选框 checkbox 多选框02js与jQuery的区别以及jQuery选择器和方法的使用jQuery是什么:jQuery是JavaScript的类库,封装了很多js代码。类似java中的类库一样里面一个类中有很多别人写好的功能。90%以上的公司都在用jQuery。01JeecgBoot 2.4.2 积木报表版本发布,基于 Spring Boot 的低代码平台项目介绍 JeecgBoot是一款基于代码生成器的低代码平台!前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Shiro,JWT 支持微服务。强大的代码生成器让前后端代码一键生成! JeecgBoot引领低代码开发模式(OnlineCoding-> 代码生成-> 手工MERGE), 帮助解决Java项目70%的重复工作,让开发更多关注业务。既能快速提高效率,节省成本,同时又不失灵活性! 当前版本:v2.4.2 | 2021-01-203jQuery入门基础——选择器What:jQuery是JavaScript的类库,封装了很多js代码。类似java中的类库一样里面一个类中有很多别人写好的功能。90%以上的公司都在用jQuery。划重点,这句话要考02flag - 4-5月份预整理总结的文章目录关于echarts各种稀奇古怪让人想骂niang地需求的配置 js-sdk微信分享时,动态url的设置 基于ajax渲染模板的二级/多级自定义联动下拉功能封装, 一个基于promise的ajax异步请求函数封装,不用再写那么多遍的if result === 1啦! css-移动端h5在iphonex的适配 vuex的使用步骤梳理,轻松掌握。附源码 使用vue实现自定义多选与单选的答题功能 vue中使用axios,实现向请求头中传递cookie值 vue中,mode为history时,build打包后页面空白03十五、Vue表单输入绑定十五、Vue表单输入绑定02angularjs实现下拉框多选博主最近又开始前后端兼顾了,好心塞,有个需求需要用到下拉框多选,因为项目使用了angularjs,所有使用了一个开源的基于angular写的指令,在这里分享下,非angular可忽略05Vue3组件(九)Vue + element-Plus + json = 动态渲染的表单控件 单列多列把表单需要的属性,统统放入json里面,然后用require(方便) 或者aioxs(可以热更新)加载进来,这样就可以实现动态渲染了。 比如要实现公司信息的添加、修改,那么只需要加载公司信息需要的json即可。 想要实现员工信息的添加、修改,那么只需要加载员工信息需要的json。02TDesign 更新周报(2022 年 4 月第 4 周)详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.41.004从后端到前端之Vue(六)表单组件 HTML5原生的表单和表单元素Vue组件的基础知识表单元素组件辅助工具开源要想做好表单组件,必须先知道HTML5里面的表单和表单元素都有哪些属性,以及属性的效果和作用,否则的话可能折腾半天才发现,原来HTML5已经自带了这个功能! 比如要实现这样一个功能:文本框只能输入数字,然后要加上两个按钮,按一个数值+1,按另一个数值-1。以前要写js代码实现,现在只需要把type改成number就可以了。而且可以对输入的文字做拦截,非数字根本输入不进去,这样就不用我们自己再去写代码实现了。所以磨刀不误砍柴工,我们先来整理一下,表单和表单属性都有哪些属性。01探索 Vue-Multiselect创建下拉菜单总是很麻烦的,特别是当我们需要自定义样式时,select 元素的作用非常有限。如果用 Vue 来构建我们的应用,则可以用一些组件来帮助简化工作。02teprunner测试平台用例前置模块开发现在正式进入测试相关功能开发。teprunner测试平台底层是pytest,中间层是tep,还没了解的朋友可以先看看tep的文章,整个平台的设计思路和后面用例的执行都会基于这个工具。tep的测试用例是放在.py文件里面的,全局变量或者说环境变量是引用的env_vars,公共函数和复用接口是引用的fixtures,在做成平台后,需要把这两个部分独立为两个功能模块。多个项目的接口自动化数据需要隔离开来,要有个项目管理功能。本文将开发四个用例前置模块:02vue下拉选i-select无法选取“全部”,无法赋值为空串''的诡异bug这是一个让人头皮发麻,全身慎得慌的诡异bug,因为它不符合科学逻辑,违反常理。仿佛有一只黑手在恶意操控着,让前端工程师们觉得不可以思议,也无可奈何。01Vue + Flask 小知识(三)我们做一个简单的页面,两个输入框用来输入搜索条件,一个表格用来展示数据,先看下页面效果03JeecgBoot 3.4.3-GA 版本发布,开源免费的企业级低代码平台一个项目下的多张业务表存储不同的业务对象数据,不同业务对象之间可能存在一定的关联。02【JavaWeb】85:jQuery的各种选择器jQuery语法的简洁之处就是在于此:如果是使用js语法,得到的元素为一个数组,所以要使用for循环依次赋值。02低代码开发平台的功能有哪些?低代码“功能清单”一览基于大家对低代码的好奇,下面就给大家盘点3款低代码开发平台的功能清单。希望对大家有所帮助!02关于 Element 组件的穿梭框的重构前端的发展迅速,层出不穷。很多公司的项目,在使用框架很好能解决 UI 与数据状态同步的难题,但随着公司业务发展,数据量的庞大以及数据处理越来越复杂,官方组件也难以解决的同时,就不得不自己重写特定组件04flag - 4-5月份预整理总结的文章目录1.关于echarts各种稀奇古怪让人想骂niang地需求的配置 2.vue中,mode为history时,build打包后页面空白的解决方法 3.vue中使用axios,实现向请求头中传递cookie值 4.js-sdk微信分享时,动态url的设置 5.vuex的使用步骤梳理,轻松掌握。 6.一个基于promise的ajax异步请求函数封装,不用再写那么多遍的if result === 1啦! 7.使用vue实现自定义多选与单选的答题功能 8.基于ajax渲染模板的二级/多级自定义联动下拉功能封装, 9.05Vue(renren-fast_vue_master)项目目录结构[通俗易懂]打算做一个请假管理OA项目Demo,后端采用renren-fast框架,后台管理系统采用renren-fast_vue_master项目,打算利用renren-fast-vue-master改造成一个简单的请假管理系统,包含注册、登陆、请假流程查看等等简单的展示即可,由于之前没做过Vue,现简单地介绍下项目目录结构:03分享5个关于 Vue 的小知识,希望对你有所帮助有时候,我们希望在Vue.js中在选项改变时获取所选的选项。在这篇文章中,我们将学习如何在Vue.js中获取选择的选项。03JeecgBoot 2.4 微服务正式版发布,基于SpringBoot的低代码平台项目介绍 JeecgBoot 是一款基于代码生成器的低代码平台!前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Shiro,JWT 支持微服务。强大的代码生成器让前后端代码一键生成,实现低代码开发! JeecgBoot 引领新的低代码开发模式(OnlineCoding-> 代码生成-> 手工MERGE), 帮助解决Java项目70%的重复工作,让开发更多关注业务。既能快速提高效率,节省研发成本,同时又不失灵活性! 当前版本:v2.405企业级低代码平台,JeecgBoot-Vue3版 v1.3.0 里程碑版本发布Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 等新技术方案,包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。JeecgBoot企业级的低代码平台对应的vue3前端版本!0216 处理表单数据与父子组件之间的数据交换vue开发中获取表单输入的值,不是像JQuery那样是主动查询一个Html组件,然后访问其属性,取得它的值。01Vue快速入门终于进入国内当前最火的前端框架Vue.js的学习了,最近周边的哥们也开始用该框架做线上项目,闲暇之余,做个快速的了解,重在基础部分。 基础概念 目前在国内使用vue框架比较出名的团队包括饿了么、滴08vue老项目sass和element-ui开发踩坑公司的一个各种依赖比较老的项目,习惯了之前的iview和stylus开发,刚接手还是有很多不习惯的地方。02作为Java新手,如何才能快速的看透一个Java项目?技术学习是一个总结、纠错、触类旁通的过程,而不是单纯重复练习的过程,如果你问一个做过5年以上Java的老码农,他们很多人都会有很强的“搬砖感”,这种“搬砖感”其实就是对Java项目的触类旁通、看出套路来了,比如:03TDesign 更新周报(2022年2月第1周)详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.34.006最好用的 5 个 React select 多选下拉菜单组件测评推荐本文完整版:《最好用的 5 个 React select 多选下拉菜单组件测评推荐》03TDesign 更新周报(2022年9月第1周)详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.46.402GitHub 近两万 Star,无需编码,可一键生成前后端代码,这个开源项目有点强!项目地址:https://github.com/zhangdaiscott/jeecg-boot04JeecgBoot 2.4.6 版本发布,基于代码生成器的企业级低代码平台项目介绍 JeecgBoot是一款基于代码生成器的低代码平台!前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Shiro,JWT 支持微服务。强大的代码生成器让前后端代码一键生成! JeecgBoot引领低代码开发模式(OnlineCoding-> 代码生成-> 手工MERGE), 帮助解决Java项目70%的重复工作,让开发更多关注业务。既能快速提高效率,节省成本,同时又不失灵活性! 当前版本:v2.4.6 | 2021-08-101TDesign 更新周报(2022年10月第1周)详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.48.502Vue.js权威指南1.MVP,从MVC演化而来,Controller/Presenter负责逻辑的处理,完全把View和Model进行了分享,主要的程序逻辑在Presenter里实现,与具体的View是没有直接关联的,而是通过定义好的接口进行交互,从而使得在变更View的时候可以保持Presenter不变03《跟热饭一起学习vue吧》Part.20 表单和v-model那么vue能不能让表单的数据跟着改动呢?当然可以,我们之前学习了一个指令,它可以绑定input输入框的内容,它就是v-model01vue列表过滤一种常见的列表过滤方式是使用计算属性。计算属性是Vue.js提供的一种便捷的属性,它根据已有的数据计算出一个新的属性,并将结果缓存起来,只在相关依赖发生改变时才重新计算。通过使用计算属性,可以根据特定的条件过滤列表数据。0020 多个好用的 Vue 组件库地址:https://github.com/matfish2/vue-tables-20120多个好用的 Vue 组件库,请查收!Vue Tables 2旨在为开发者提供一个功能齐全的工具集,以便用 Vue 创建漂亮而实用的数据表格。数百个商业软件应用正在使用它。此外,Vue Tables 2正在不断成长、改进,同时也在获得新的功能。01vue高频面试题(附答案)React是pull的方式侦测变化,当React知道发生变化后,会使用Virtual Dom Diff进行差异检测,但是很多组件实际上是肯定不会发生变化的,这个时候需要用shouldComponentUpdate进行手动操作来减少diff,从而提高程序整体的性能.06
Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。vue将模板编译成虚拟dom, 结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。
Vue所提供的一些相对高级的特性,表单操作,自定义指令,计算属性,过滤器,侦听器,生命周期。
FontAwesome5库的vue实现,可以调用FontAwesome5的各种组件。
1.表单基本操作 1基于Vue的表单操作 Input 单行文本 textarea 多行文本 select 下拉多选 radio 单选框 checkbox 多选框
jQuery是什么:jQuery是JavaScript的类库,封装了很多js代码。类似java中的类库一样里面一个类中有很多别人写好的功能。90%以上的公司都在用jQuery。
项目介绍 JeecgBoot是一款基于代码生成器的低代码平台!前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Shiro,JWT 支持微服务。强大的代码生成器让前后端代码一键生成! JeecgBoot引领低代码开发模式(OnlineCoding-> 代码生成-> 手工MERGE), 帮助解决Java项目70%的重复工作,让开发更多关注业务。既能快速提高效率,节省成本,同时又不失灵活性! 当前版本:v2.4.2 | 2021-01-2
What:jQuery是JavaScript的类库,封装了很多js代码。类似java中的类库一样里面一个类中有很多别人写好的功能。90%以上的公司都在用jQuery。划重点,这句话要考
关于echarts各种稀奇古怪让人想骂niang地需求的配置 js-sdk微信分享时,动态url的设置 基于ajax渲染模板的二级/多级自定义联动下拉功能封装, 一个基于promise的ajax异步请求函数封装,不用再写那么多遍的if result === 1啦! css-移动端h5在iphonex的适配 vuex的使用步骤梳理,轻松掌握。附源码 使用vue实现自定义多选与单选的答题功能 vue中使用axios,实现向请求头中传递cookie值 vue中,mode为history时,build打包后页面空白
十五、Vue表单输入绑定
博主最近又开始前后端兼顾了,好心塞,有个需求需要用到下拉框多选,因为项目使用了angularjs,所有使用了一个开源的基于angular写的指令,在这里分享下,非angular可忽略
把表单需要的属性,统统放入json里面,然后用require(方便) 或者aioxs(可以热更新)加载进来,这样就可以实现动态渲染了。 比如要实现公司信息的添加、修改,那么只需要加载公司信息需要的json即可。 想要实现员工信息的添加、修改,那么只需要加载员工信息需要的json。
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.41.0
要想做好表单组件,必须先知道HTML5里面的表单和表单元素都有哪些属性,以及属性的效果和作用,否则的话可能折腾半天才发现,原来HTML5已经自带了这个功能! 比如要实现这样一个功能:文本框只能输入数字,然后要加上两个按钮,按一个数值+1,按另一个数值-1。以前要写js代码实现,现在只需要把type改成number就可以了。而且可以对输入的文字做拦截,非数字根本输入不进去,这样就不用我们自己再去写代码实现了。所以磨刀不误砍柴工,我们先来整理一下,表单和表单属性都有哪些属性。
创建下拉菜单总是很麻烦的,特别是当我们需要自定义样式时,select 元素的作用非常有限。如果用 Vue 来构建我们的应用,则可以用一些组件来帮助简化工作。
现在正式进入测试相关功能开发。teprunner测试平台底层是pytest,中间层是tep,还没了解的朋友可以先看看tep的文章,整个平台的设计思路和后面用例的执行都会基于这个工具。tep的测试用例是放在.py文件里面的,全局变量或者说环境变量是引用的env_vars,公共函数和复用接口是引用的fixtures,在做成平台后,需要把这两个部分独立为两个功能模块。多个项目的接口自动化数据需要隔离开来,要有个项目管理功能。本文将开发四个用例前置模块:
这是一个让人头皮发麻,全身慎得慌的诡异bug,因为它不符合科学逻辑,违反常理。仿佛有一只黑手在恶意操控着,让前端工程师们觉得不可以思议,也无可奈何。
我们做一个简单的页面,两个输入框用来输入搜索条件,一个表格用来展示数据,先看下页面效果
一个项目下的多张业务表存储不同的业务对象数据,不同业务对象之间可能存在一定的关联。
jQuery语法的简洁之处就是在于此:如果是使用js语法,得到的元素为一个数组,所以要使用for循环依次赋值。
基于大家对低代码的好奇,下面就给大家盘点3款低代码开发平台的功能清单。希望对大家有所帮助!
前端的发展迅速,层出不穷。很多公司的项目,在使用框架很好能解决 UI 与数据状态同步的难题,但随着公司业务发展,数据量的庞大以及数据处理越来越复杂,官方组件也难以解决的同时,就不得不自己重写特定组件
1.关于echarts各种稀奇古怪让人想骂niang地需求的配置 2.vue中,mode为history时,build打包后页面空白的解决方法 3.vue中使用axios,实现向请求头中传递cookie值 4.js-sdk微信分享时,动态url的设置 5.vuex的使用步骤梳理,轻松掌握。 6.一个基于promise的ajax异步请求函数封装,不用再写那么多遍的if result === 1啦! 7.使用vue实现自定义多选与单选的答题功能 8.基于ajax渲染模板的二级/多级自定义联动下拉功能封装, 9.
打算做一个请假管理OA项目Demo,后端采用renren-fast框架,后台管理系统采用renren-fast_vue_master项目,打算利用renren-fast-vue-master改造成一个简单的请假管理系统,包含注册、登陆、请假流程查看等等简单的展示即可,由于之前没做过Vue,现简单地介绍下项目目录结构:
有时候,我们希望在Vue.js中在选项改变时获取所选的选项。在这篇文章中,我们将学习如何在Vue.js中获取选择的选项。
项目介绍 JeecgBoot 是一款基于代码生成器的低代码平台!前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Shiro,JWT 支持微服务。强大的代码生成器让前后端代码一键生成,实现低代码开发! JeecgBoot 引领新的低代码开发模式(OnlineCoding-> 代码生成-> 手工MERGE), 帮助解决Java项目70%的重复工作,让开发更多关注业务。既能快速提高效率,节省研发成本,同时又不失灵活性! 当前版本:v2.4
Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 等新技术方案,包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。JeecgBoot企业级的低代码平台对应的vue3前端版本!
vue开发中获取表单输入的值,不是像JQuery那样是主动查询一个Html组件,然后访问其属性,取得它的值。
终于进入国内当前最火的前端框架Vue.js的学习了,最近周边的哥们也开始用该框架做线上项目,闲暇之余,做个快速的了解,重在基础部分。 基础概念 目前在国内使用vue框架比较出名的团队包括饿了么、滴
公司的一个各种依赖比较老的项目,习惯了之前的iview和stylus开发,刚接手还是有很多不习惯的地方。
技术学习是一个总结、纠错、触类旁通的过程,而不是单纯重复练习的过程,如果你问一个做过5年以上Java的老码农,他们很多人都会有很强的“搬砖感”,这种“搬砖感”其实就是对Java项目的触类旁通、看出套路来了,比如:
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.34.0
本文完整版:《最好用的 5 个 React select 多选下拉菜单组件测评推荐》
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.46.4
项目地址:https://github.com/zhangdaiscott/jeecg-boot
项目介绍 JeecgBoot是一款基于代码生成器的低代码平台!前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Shiro,JWT 支持微服务。强大的代码生成器让前后端代码一键生成! JeecgBoot引领低代码开发模式(OnlineCoding-> 代码生成-> 手工MERGE), 帮助解决Java项目70%的重复工作,让开发更多关注业务。既能快速提高效率,节省成本,同时又不失灵活性! 当前版本:v2.4.6 | 2021-08-1
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.48.5
1.MVP,从MVC演化而来,Controller/Presenter负责逻辑的处理,完全把View和Model进行了分享,主要的程序逻辑在Presenter里实现,与具体的View是没有直接关联的,而是通过定义好的接口进行交互,从而使得在变更View的时候可以保持Presenter不变
那么vue能不能让表单的数据跟着改动呢?当然可以,我们之前学习了一个指令,它可以绑定input输入框的内容,它就是v-model
一种常见的列表过滤方式是使用计算属性。计算属性是Vue.js提供的一种便捷的属性,它根据已有的数据计算出一个新的属性,并将结果缓存起来,只在相关依赖发生改变时才重新计算。通过使用计算属性,可以根据特定的条件过滤列表数据。
地址:https://github.com/matfish2/vue-tables-2
Vue Tables 2旨在为开发者提供一个功能齐全的工具集,以便用 Vue 创建漂亮而实用的数据表格。数百个商业软件应用正在使用它。此外,Vue Tables 2正在不断成长、改进,同时也在获得新的功能。
React是pull的方式侦测变化,当React知道发生变化后,会使用Virtual Dom Diff进行差异检测,但是很多组件实际上是肯定不会发生变化的,这个时候需要用shouldComponentUpdate进行手动操作来减少diff,从而提高程序整体的性能.
领取专属 10元无门槛券
手把手带您无忧上云