使用Vue+echars+Java后端数据生成柱状图
柱状图
效果图:后端controller层代码:
123456789101112//图表 @AuthIgnore @PostMapping("getData") public R getData() { long[] idList= {3L,4L,5L,6L,7L}; List<Long> id=new ArrayList<Long>(); for (int i = 0; i < idList.length; i++) { id.add(idList[i]); } List<TbUser> userList=userService.selectBatchIds(id); return R.ok().put("data",userList); }
注意:上面代码中的 3L,4L,5L,6L,7L,对应的是数据库中的IDHTML代码:
123456789101112131415 ...
使用Vue+echars+Java后端数据生成饼状图
饼图
效果图:后端controller代码:
123456789101112//图表 @AuthIgnore @PostMapping("getData") public R getData() { long[] idList= {3L,4L,5L,6L,7L}; List<Long> id=new ArrayList<Long>(); for (int i = 0; i < idList.length; i++) { id.add(idList[i]); } List<TbUser> userList=userService.selectBatchIds(id); return R.ok().put("data",userList); }
注意:上面代码中的 3L,4L,5L,6L,7L,对应的是数据库中的IDHTML代码:
这里引用的都是本地下载好的包还可以引用网上的
...
linux虚拟机 安装java及配置环境(centos 6.7)
linux安装java环境
安装第一步:下载JDK进入https://www.oracle.com/java/technologies/javase-jdk8-downloads.html下载合适的JDK版本,进行安装
选择合适的版本由于是linux系统,所以需要下载linux版本的 及后缀名为 tar.gz的本文 以 jdk-8u5-linux-i586.tar.gz 为例
第二步 创建目录
在usr目录下创建 java目录
1mkdir /usr/java
把下载好的文件放在java目录下可以用 filezilla 工具进行传输
输入 ls 查看是否上传成功出现上图即为成功
第三步 解压进入 **/usr/java/**目录下准备解压
1tar zxvf jdk-8u5-linux-i586.tar.gz
等待解压完成
配置环境变量输入vim /etc/profile按 i 键进行插入在最下面添加以下内容
123456set java environmentJAVA_HOME=/usr/java/jdk1.8.0_05 JRE_HOME=/usr/jav ...
linux虚拟机 安装Tomcat9.0(centos 6.7)
linux虚拟机上安装Tomcat
linux虚拟机上安装Tomcat
注意:安装软件之前要安装java JDk
安装软件:apache-tomcat-9.0.29.tar.gz下载地址:https://tomcat.apache.org/download-90.cgihttps://tomcat.apache.org/download-90.cgi1、创建目录 :mkdir /usr/tomcat2、将下载的文件 移动到 /usr/tomcat/目录下3、进行解压
1tar -xzvf apache-tomcat-9.0.29.tar.gz
4、解压完成后 启动Tomcat 进入Tomcat里面的bin 目录
1cd bin
进入bin目录后执行: ./startup.sh –>启动tomcat
执行: ./shutdown.sh –>关闭tomcat
设置开机自启每次开机都要启动,有点麻烦
可以设置成开机自启
1、找到/etc文件夹下的rc.local文件, 输入rc.local 按 i 键 或 insert 键进行插入
2、在文件的最后添加以下j ...
使用ajax判断用户名唯一性
ajax判断用户名唯一
判断用户名唯一性dao层:
12@Query(value="select * from stu where name like CONCAT('%',:name,'%')",nativeQuery=true) List<Stu> findByName(@Param("name") String name);
以上SQL语句也可以进行模糊查询,以后会有说明
service层:
123public List<Stu> findByName(String name) { return stuDao.findByName(name); }
controller层:
1234567891011//判断是否有重复名字 @RequestMapping("findByName") @ResponseBody public boolean findByName(HttpServletRequest request) { ...
spring boot 实现自定义排序
实现排序小功能
效果图:在文本框中输入值,触发失焦事件,根据正序或是倒序进行排序(dao层中的SQL语句)
首先在数据库的表中新建一列HTML界面添加文本框代码如下:
1<input type="text" size="2" v-model="site.sort" v-on:blur="sort(site.nid,site.sort)">
在文本框输入完值后,鼠标离开,触发失焦事件 v-on:blur (vue之中)
下面是方法代码:
123456sort:function(nid,sort){ //alert(11); $.post("/news/sorts",{nid:nid,sort:sort},function(data){ window.location.href="/admin/news"; }) },
控制层代码:
123456789 ...