草庐IT

好一个SpringBoot开源在线考试系统!解决我的燃眉之急

前言最近看到了一个考试系统,感觉做的挺不错,并且也比较成熟,所以我就简单玩了一下。另外,考试系统应用场景还挺多的,不论是对于在校大学生还是已经工作的小伙伴,并且,类似的私活也有很多。在线考试系统后台管理主页下面我就把这个项目分享给小伙伴们,非常值得学习,拿来即用!为了一步一步演示,让小伙伴们都能成功部署/运行项目,Guide哥自己本地搭建了项目环境,并将项目成功跑了起来,并使用了其基本的功能。照着我的步骤,新手也能成功把项目跑起来!如果你“感动”的话,点个赞/在看,就是对我最大的支持!另外,以下内容不涉及代码分析,整体代码结构比较清晰,熟悉了基本功能之后会很容易看明白。介绍uexam是一款前后

使用node.js+mysql写后台接口

当后端没有将接口写出来时,而前端有需要使用接口,就可以自己使用node.js+mysql写个简单的接口先用着。这篇文章就先不将node.js和mysql的安装,直接开始。这篇文章是使用express框架和相关的三方模块,搭建一个具备登录的简单接口案例1、创建文件夹,初始化npminit-ynode1.png2、安装下载需要使用的包cnpmiexpressmysql2body-parsercookie-parser-S包名用处express创建web服务器mysql2连接数据库body-parser处理post请求的查询参数cookie-parser使用cookie不是所有包都需要下,expre

Joplin利用阿里云对象存储(OSS)进行同步操作

1.说明目前刚用Joplin没多久,然后发现这个软件的同步操作默认是用dropbox的,但我又没用过dropbox,然后网上好像说这个用起来还有些限制之类的,然后常用的百度网盘之类的又不支持Joplin的同步,后面在网上看到一篇Joplin使用腾讯云对象存储(COS)进行同步的文章,然后想到落灰很久的阿里云,上去自己捣鼓了一下,发现也是可以用阿里云的对象存储来做同步的,具体操作还看了下这篇文章阿里云oss对象存储访问的使用2.阿里云对象存储具体的一些介绍和收费情况可以自己上官网去看一下,我是买了个资源包然后好像是可以抵扣费用之类的,反正看着挺便宜的,其实具体是怎么计费的也不是很清楚image.

开源:各种前端设计和动效,这个项目里一应俱全

一、简述经过了两个月的精心打磨,该项目也趋于稳定,我想是时候与大家见面了,今天就向大家隆重介绍这个开源项目:visualization-collectio,一个专注于前端视觉效果的集合应用,里面有大量的前端设计和丰富的动效案例,包括有Html视觉、Css动效、Canvas动效、Echarts交互、Three.js3D、人工智能应用和图片处理工具这七大模块。该项目也是我在工作之余完成,将我从事前端开发以来的所有积累全都毫无保留地通过该项目进行分享,现在我就将这个干货满满的开源项目,送给所有的前端小伙伴和UI小姐姐们,如果你们在实现前端各种设计和动效前能想到打开这个应用看一看,对你们的实现思路和灵

记录项目中遇到的坑(三)兼容IE浏览器

做PC端项目,有时候需要兼容IE浏览器,所以很多写法都要改变,以下是个人总结的一些写法(兼容到IE8)PS:项目是通过引入vue.js的vue项目,newVue({el:'#app'})的形式,不使用脚手架。1.为了保证引入的js文件不会因官网更新而导致页面出现问题,所以将使用的js和css等文件下载保存到项目中2.方法都要写成function:(){}的形式,包括data,mouted,不能使用箭头函数3.不能使用let来定义变量,使用var4.使用echart的时候,options要写在newVue({})外面,写成一个全局变量5.引入JQ.js文件,使用ajax来发送请求:$.ajax(

这个在线文库系统,yyds!

真正的大师,永远都怀着一颗学徒的心!一、项目简介在线文库,可以在线预览pdf、office、mobi、epub、chm等文档二、实现功能文档在线阅读office文档在线阅读office-->pdf-->svgPDF文档在线阅读将PDF文档通过pdf2svg转化,提供在线阅读mobi、epub、chm文档在线阅读使用calibre将文档转成PDF,然后pdf再转svg。全文搜索文档采集功能积分功能阅读文档水印功能三、技术选型gohtmlcssjs四、界面展示                       文档阅读页五、源码地址私信回复:文库

Vue_前端路由详细说明2.0

0.前端路的概念和原理image.png1.router-view他的作用很单纯:占位符:只要在项目中安装和配置了vue-router,就可以使用router-view这个组件了,他的作用很单纯:占位符2.路由跳转about2.1他有两个属性:--to属性:是一个字符串或者是一个对象--replace属性:设置replace属性的话,当点击时,会调用router.replace(),也就是没有前进后退功能了3.active-class属性:设置激活a元素后应用的class,默认是router-link-active,这个有什么用呢?--看以下截图:看以下截图:image.png0.1HTML5

Vue3.0 路由学习(八)

一.URL的hash前端路由是如何做到URL和内容进行映射呢?监听URL的改变。URL的hash--URL的hash也就是锚点(#),本质上是改变window.location的href属性;--我们可以通过直接赋值location.hash来改变href,但是页面不发生刷新;--hash的优势就是兼容性更好,在老版IE中都可以运行,但是缺陷是有一个#,显得不像一个真实的路径。实际截图image.png二.HTML5的Historyhistory接口是HTML5新增的,它有l六种模式改变URL而不刷新页面:--replaceState:替换原来的路径;--pushState:使用新的路径;--

4、(微信小程序)中使用echarts

刚开始学微信小程序,有说的不对的地方大家可以提出!首先体验示例小程序在微信中扫描下面的二维码即可体验EChartsDemo: 下载为了兼容小程序Canvas,我们提供了一个小程序的组件,用这种方式可以方便地使用ECharts。首先,下载GitHub上的 ecomfe/echarts-for-weixin 项目。其中,ec-canvas 是我们提供的组件,其他文件是如何使用该组件的示例。ec-canvas 目录下有一个 echarts.js,默认我们会在每次 echarts-for-weixin 项目发版的时候替换成最新版的ECharts。如有必要,可以自行从ECharts项目中下载最新发布版,

js 可视化大屏-路径-箭头动画之echarts lines 使用第一篇

先上效果图image之前在工作中需要给可视化大屏写些动画效果,其中就有上图展示的多段路径效果,写的时候也踩了些坑,避免大家后续工作中遇到相似功能不好下手,这里分享给小伙伴们。组件使用如下,可以看到,主要就是在背景图上写的动画:image.png实现原理:使用的是echarts的路径图,也是就是type:‘lines’这个系列。可先看下我发布的这个“基础版本”基础-多段线-路径图,考虑到多个页面会使用到当前效果,因此对“基础版本”封装成了一个比较通用的组件,注意echarts版本为4.4.0及其以上。使echarts渲染盒子和背景图片(可以是img标签)宽度高度一致,echarts渲染盒子的层级