sunon_的博客

第一种方式

网站其实早在5月初就做的差不多了

上篇在服务器中安装好了nginx，也把服务器远优于一个系统改成nginx配置了，接下来就是配置ltblog啦。

后台管理系统发开发完了，就是博客的开发了。

后台主要是发文章的功能了，各个模块加在一块代码还挺多就不上代码了，需要代码我可以在发下，简单说下哪些模块吧。

今天做一个完整的增删改查功能，后端开发接口，前端写样式以及调用接口。

全局异常处理用于前端统一错误显示，还有就是后端分页插件，使用的mybatis-plus。

上一篇用shiro来登入存在用户认证的问题，而又不想用cookie session，所以决定使用jwt来做用户认证

到上一篇已经把前后端的项目底子搭好了，今天开始做功能，首先就是后台管理系统登录功能。Shiro简介Apache Shiro是一个轻量级的身份验证与授权Java安全框架。对比Spring Security，可能没有Spring Security做的功能强大，但是在实际工作时可能并不需要那么复杂的东西，所以使用简单易用的Shiro就足够了，灵活性高。springboot本身是提供了对security的支持。springboot暂时没有集成shiro，这得自己配。Shiro三个核心概念：Subject

vue项目创建好了并且集成了基础的后台管理系统，调用后端接口也调通了。接下来就是开发后台管理系统的其他功能了，首先就是把相关路由和一些基础工具配置一下。vue的全局路由配置，router/index.js代码：import{createRouter,createWebHashHistory,createWebHistory}from"vue-router";importHomefrom"../views/admin/Home.vue";import{authtoken}...

需求概述：就是两个日期相减，把得到的天时分秒显示在页面中并实时更新时间走动。效果：代码：<template><h2><span>世界上最甜的崽</span>小甜崽</h2> <p>网站：ltBlog</p> <p>邮箱：sunonzj128@qq.com</p> <p>已运行：{{blogRunTime}}</p> <img src=".

后端项目搭建出底子了，数据持久化也做了，然后就是前端开发了，首先呢是要创建一个vue项目，然后先做后台管理系统再高前台博客。。Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。node.js安装参考：https://www.zjh

需求是这样子的，页面有多条数据，每条数据下面有个评论按钮。点击评论按钮会展开评论框，再点击一下就关闭评论框，如下图直接上代码，利用v-show="item.show"解决<template> <blog-head/> <div class="box"> <div class="moodlist"> <section v-for="(item,i) in listData" :key="i"><i cl

实现后的样子效果：代码：<template> <blog-head/> <div class="box"> <div class="blogs"> <ul> <li class="blogs_list" v-for="(item,i) in listData" :key="i"> <a @click="articleInfo(item.id)..

昨天把项目建好了，底子有了然后就是进行下一步开发了，先整合下Mybatis，使用Mybatis框架做数据持久化操作。MyBatis配置模式是指使用mybatis配置文件的方式与SpringBoot进行整合，相对应的就有mybatis-config.xml（用于配置驼峰命名，也可以省略这个文件）、XxxMapper.xml文件。主要步骤为：导入mybatis官方starter编写mapper接口。标准@Mapper注解编写sql映射文件并绑定mapper接口在application.y

这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。

遇到的问题是，从表单页提交跳转到列表的时候没有刷新页面，导致刚提交的数据没有及时显示在列表当中，使用监听方法主动刷新列表数据import { ref, reactive,watch } from "vue";export default { name: "basetable", setup() { .... //监听，当路由发生变化时刷新页面，解决路由跳转不刷新的问题 watch(router.currentRou

传参。直接push query 或者 param也行const router = useRouter();const handleEdit = (index, row) => { router.push({path:"/publishArticle",query: {id:row.articleId}}); // editVisible.value = true; };接收参数const router = useR.

官方文档：http://www.wangeditor.com/编辑器自带上传网络链接图片本地上传图片需要自己设置效果：注意事项：1、自定义上传方法来上传图片，使用FromData对象来传参，但是碰到了后端无法获取file参数的问题，如果是axios请求后端接口需要修改请求头。。2、直接上传配置好后端接口，可能会有跨域问题，配置请求头可解决3、成功上传图片后编辑器提示插入图片失败，需要根据编辑器的规范返回后端数据4、使用代码高亮插件，引用js的时候这样写（import hi..