网站
文章平均质量分 69
sunon_
一个java小菜鸡的进阶之路
个人博客:https://www.zjhuiwan.cn/
展开
-
Springboot+vue从零开始做网站14-结束语
网站其实早在5月初就做的差不多了原创 2022-06-06 17:47:28 · 268 阅读 · 0 评论 -
Springboot+vue从零开始做网站13-前后端项目部署到服务器
上篇在服务器中安装好了nginx,也把服务器远优于一个系统改成nginx配置了,接下来就是配置ltblog啦。原创 2022-06-01 15:37:19 · 399 阅读 · 0 评论 -
Springboot+vue从零开始做网站10-后台管理系统开发
后台主要是发文章的功能了,各个模块加在一块代码还挺多就不上代码了,需要代码我可以在发下,简单说下哪些模块吧。原创 2022-05-29 22:50:04 · 205 阅读 · 0 评论 -
Springboot+vue从零开始做网站9-简单的增删改查功能
今天做一个完整的增删改查功能,后端开发接口,前端写样式以及调用接口。原创 2022-05-27 20:41:28 · 1017 阅读 · 0 评论 -
SpringBoot+Vue从零开始做网站7-整合shiro+jwt实现用户认证和授权
上一篇用shiro来登入存在用户认证的问题,而又不想用cookie session,所以决定使用jwt来做用户认证原创 2022-05-27 20:21:06 · 1669 阅读 · 1 评论 -
SpringBoot+Vue从零开始做网站6-集成shiro实现登录和权限控制
到上一篇已经把前后端的项目底子搭好了,今天开始做功能,首先就是后台管理系统登录功能。Shiro简介Apache Shiro是一个轻量级的身份验证与授权Java安全框架。对比Spring Security,可能没有Spring Security做的功能强大,但是在实际工作时可能并不需要那么复杂的东西,所以使用简单易用的Shiro就足够了,灵活性高。springboot本身是提供了对security的支持。springboot暂时没有集成shiro,这得自己配。Shiro三个核心概念:Subject原创 2022-05-23 15:44:31 · 1570 阅读 · 0 评论 -
SpringBoot+Vue从零开始做网站5-前端vue项目全局路由和一些配置
vue项目创建好了并且集成了基础的后台管理系统,调用后端接口也调通了。接下来就是开发后台管理系统的其他功能了,首先就是把相关路由和一些基础工具配置一下。vue的全局路由配置,router/index.js代码:import{createRouter,createWebHashHistory,createWebHistory}from"vue-router";importHomefrom"../views/admin/Home.vue";import{authtoken}...原创 2022-05-20 21:10:33 · 635 阅读 · 0 评论 -
Vue3.0定时任务显示实时日期相减后时间,vue日期相减天数时分秒
需求概述:就是两个日期相减,把得到的天时分秒显示在页面中并实时更新时间走动。效果:代码:<template><h2><span>世界上最甜的崽</span>小甜崽</h2> <p>网站:ltBlog</p> <p>邮箱:sunonzj128@qq.com</p> <p>已运行:{{blogRunTime}}</p> <img src=".原创 2022-05-19 10:56:30 · 1577 阅读 · 0 评论 -
SpringBoot+Vue从零开始做网站4-创建vue项目,并整合后台管理系统
后端项目搭建出底子了,数据持久化也做了,然后就是前端开发了,首先呢是要创建一个vue项目,然后先做后台管理系统再高前台博客。。Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。node.js安装参考:https://www.zjh原创 2022-05-18 21:46:14 · 669 阅读 · 1 评论 -
Vue3列表数据点击显示或隐藏当前列数据
需求是这样子的,页面有多条数据,每条数据下面有个评论按钮。点击评论按钮会展开评论框,再点击一下就关闭评论框,如下图直接上代码,利用v-show="item.show"解决<template> <blog-head/> <div class="box"> <div class="moodlist"> <section v-for="(item,i) in listData" :key="i"><i cl原创 2022-05-18 16:47:39 · 2099 阅读 · 0 评论 -
SpringBoot+Vue从零开始做网站3-数据库表创建以及使用mybatis逆向工程
数据库表设计遵循三大范式,根据实际的需求来建。。目前建的表足够后台各功能和发文章啥的了,其他的就等后面在慢慢搞了。数据库搭建完了,就是要写sql和实体映射了,一个一个的写就太麻烦了,用mybatis的逆向工程可以解决这个麻烦~逆向工程:MyBatis Generator,简称MBG, 是一个专为MyBatis框架使用者定制的代码生成器,可以提高开发效率快速的根据表生成对应的mapper.xml(配置文件)、mapper.java(接口)、表名.java(pojo类、Javabeen)类。原创 2022-05-17 21:36:50 · 353 阅读 · 0 评论 -
SpringBoot+Vue从零开始做网站2-springboot整合mybatis
昨天把项目建好了,底子有了然后就是进行下一步开发了,先整合下Mybatis,使用Mybatis框架做数据持久化操作。MyBatis配置模式是指使用mybatis配置文件的方式与SpringBoot进行整合,相对应的就有mybatis-config.xml(用于配置驼峰命名,也可以省略这个文件)、XxxMapper.xml文件。主要步骤为:导入mybatis官方starter编写mapper接口。标准@Mapper注解编写sql映射文件并绑定mapper接口在application.y原创 2022-05-12 18:31:05 · 927 阅读 · 0 评论 -
SpringBoot+Vue从零开始做网站1-创建SpringBoot简单项目
这段时间抽空给女朋友搭建一个个人博客,想着记录一下建站的过程,就当做笔记吧。原创 2022-05-11 23:05:08 · 1596 阅读 · 0 评论 -
用代码写圣诞祝福,html画圣诞树
最终效果预览:https://www.zjhuiwan.cn/relove/sdzf/倒计时圣诞祝福代码太长上传了:代码下载地址:https://download.csdn.net/download/sunon_/70013168圣诞树代码:<!DOCTYPE HEML PUBLIC><html> <head> <meta charset="utf-8"> <title> ..原创 2021-12-24 14:34:46 · 3054 阅读 · 5 评论 -
利用docsify快速搭建文档型
参考:docsifyA magical documentation generator.https://docsify.js.org/#/zh-cn/quickstart最快速简单的就是利用官方提供的例子,在上面修改。做好的效果还是不错滴:点击下面查看(用来做成一个记录恋爱日志的网站)About My sweet_babyDescriptionhttps://www.zjhuiwan.cn/zjlovelt/#/window.$docsify = { name: 'About M.原创 2021-12-09 13:30:56 · 294 阅读 · 0 评论 -
利用dom4j生成RSSXMl文件并保存到本地,添加RSS订阅
RSS订阅功能有什么用呢,就是在博客生成一个RSS源,然后读者就可以在RSS阅读器上订阅这个RSS源,当我每发一篇新文章的时候就可以通过RSS源获取到最新文章了。RSS源是一种描述和同步网站内容的格式,是目前使用最广泛的XML应用。RSS应用在国外已经非常普遍,从个人博客栏目、企业站点到世界级的门户都提供基于RSS的服务。所以其实就是给博客生成一个RSS规范的xml文件,然后别人就可以通过这个xml文件订阅文章内容了。至于RSS的规范可以参考下这个:RSS简介那现在要做的就是每发...原创 2021-11-11 09:32:52 · 630 阅读 · 0 评论 -
碎碎念:-)
已经好久没有在博客加过功能了,究其原因就是没那么上心了或者说是没有那么感兴趣的东西要加了,还有工作也忙了,抽时间更博都难,何况加一些小功能呢。自从换工作以来就再也没动过博客的代码,就连上次从腾讯云换到阿里云 也只是从服务器直接拷贝war包然后改个配置。最近公司要求加班(半强制性的),总算得点时间搞搞博客了,毕竟也不能划水(上班刷一些博客和论坛的习惯都被戒掉了),最近写的文章基本都是趁着加晚班写的~今天想着先把博客在本地运行起来看看换了服务器还有哪些功能没改过来的,结果发现GitHub上的代...原创 2021-10-15 09:45:00 · 65 阅读 · 0 评论 -
网页自适配手机端
博客在手机打开一直不能适配,手机上访问的体验很不好。今天把博客的大部分页面都加了自适配手机端,只要修改每个页面的css 即可。之前大概知道怎么去改,但是页面太多实在觉得麻烦,就一直没有去改。当初做博客的时候也没有考虑到手机访问的重要性,所以现在虽然能改,但是也是缝缝补补。 一直想换一套模板的,又觉得要做的实在太多了。不过要想在手机上完美体验还是需要重新做一套前端了,现在先这样用着。之前呢,考虑到很多人通过链接在手机上打开了我的博客,为了让他们访问加了个电脑访问的提示。通过js判断是否手机打开,.原创 2021-03-19 10:55:10 · 7079 阅读 · 2 评论 -
简单的投屏、数据大屏前端代码
大厅投屏显示表格数据,无缝滚动,数据30分钟刷新一次(自己设置,用定时器刷新ajax)页面样式:效果展示:http://www.zjhuiwan.cn/blogImg/upload/ueditorVideo/20201118/160568355027930009717.mp4页面代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta http-equiv原创 2020-11-18 15:22:04 · 2780 阅读 · 0 评论 -
js实现选中div内容并复制到剪切板
functioncopyUrl () {vardiv = document.getElementById('xxxx');if(document.body.createTextRange) {varrange = document.body.createTextRange();range.moveToElementText(div);range.select();...原创 2020-11-10 15:57:02 · 1280 阅读 · 0 评论 -
博客添加评论功能
我的博客:ZJBLOG抽空把博客的【评论功能加上了】样式呢还是比较好看的吧。那怎么开发一个评论系统呢。首先写前端样式,大概就是一个输入框然后用户名啥的,比较简单的。需要注意的是我这个输入框可以加表情,表情用的代码替代的。然后创建两个表一个评论表和一个回复表。前端再写两个ajax提交评论和回复,还是挺简单的吧。注意提交后可以 发送邮件通知用户,发表评论填写邮箱的作用也是为了这个。一个简单的评论功能就做好了,如需具体可进入我的博客查看...原创 2020-10-21 11:31:22 · 673 阅读 · 0 评论 -
个人博客写了两年
查看zjblog:https://www.zjhuiwan.cnZJBLOG是在2018年8月16上线的,当时上线了还有些问题,所以当成了测试版。然后全部解决是在9.9号推出的。两年了,之前一直想着博客做到第十年会是什么样子,很期待能看到10年前的生活流水文章时候的心情,所以还是很想把博客一直做下去。时间轴两年了,从一个刚入行的小菜鸡变成了一个工作了两年的小菜鸡,加上实习的话其实也快三年了,博客刚上线那会想着的是能够多写一些技术相关的文章,因为之前看过很多大佬写的博客觉得很牛逼,想..原创 2020-08-19 20:20:03 · 200 阅读 · 4 评论 -
网页加载时waiting(TTFB)时间过长的问题解决
博客之前文章没有静态化之前是根据id查询的,每次点文章页面都要加载10几秒,体验确实差。代码没查出问题,就简单的查询也不应该有问题吧。经过一系列的网页优化后,还把所有文章静态化展示,静态化后确实快了,因为没有再去请求后端获取数据了,再慢我只能说是服务器带宽不给力啊。没静态化之前是用id去查询文章的,因为其他地方有文章外链所以方法还保留着,今天通过这访问一篇文章的时候等了16秒左右......原创 2020-04-14 14:26:00 · 6872 阅读 · 0 评论