学习记录分享

如果我们在客户端渲染，直接导入我们的date.js问题不大，按我们的博客系统管理中心的方式格式化即可！ export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)) } let o = { 'M+': date.getMonth() + 1, 'd+': date.getDate(), 'h+': date.getHours(), 'm+': date.getMinutes(), 's+': date.getSeconds() }; for (let k in o) { if (new RegExp(`(${k})`).test(fmt)) { let str = o[k] +

直接部署到宿主机上 比如说我们打包出来的程序名称是： sob-blog-system-1.0.0.jar 那么我们的脚本为： nohup java -jar sob-blog-system-1.0.0.jar > sob-blog-system-1.0.0.log 2>&1 & 管理中心的部署 管理中心的部署比较简单，直接构建出来，然后上传到nginx的目录下。 构建命令： vue-cli-service build 低版本的可以 node build/build.js 或者直接点击build按钮 当然啦，build之前，我们得修改一些API，这个具体请看视频。 看到如图，则构建成功！ 这个就是生成的目录 把此文件夹的内容 ，上传到nginx的目录下。 门户的部署 门户的部署，我们需要把所有的文件上传到服务器中。 先创建一个文件夹，然后再传所有的文件上去。 接着编写Dockerfile文件 #1、基于镜像node，版本自己查看上面的链接 FROM node:10.15.3 #2、作者 MAINTAINER sunofbeach.net #3、参数，node的环境为生产环境

vue.js下载文件 有个同学不知道如何去下载文件，早上比较忙，弄了一份代码给他。晚上回来，发现不对。 现在整理一下，案例，下载一张图片： 基于axios 需要有axios import axios from 'axios' get请求： // get请求 requestGet(url, params = {}) { return new Promise((resolve, reject) => { axios.get(url, params).then(res => { resolve(res.data) }).catch(error => { reject(error) }) }) }, 接口 export const getFile = (url, params) => { return http.requestGet(url, params); }; 调用 download() { api.getFile("/images/vip_ad.png",

前端侧栏Tab和内容滚动联动切换标题 我们阳光沙滩博客系统课程里有一个关于页面 我们做成这个样子 点击侧栏可以切换右边内容；滚动右侧内容，可以切换左边的内容。 基本UI实现 左侧使用 ElementUI的组件Tabs https://element.eleme.cn/#/zh-CN/component/tabs 同学们可以去这里使用，至于怎么依赖ElementUI，可以参考官方说明，或者学习我们的前端课程。 <div class="about-left-part float-left" id="about-left-part"> <el-tabs tab-position="left" v-model="target" @tab-click="onLeftItemClick"> <el-tab-pane label="关于阳光沙滩(about)" name="about"></el-tab-pane> <el-tab-pane label="我们的使命(mission)" name="mission"></el-tab-pane>

RecyclerView显示多种类型 对于这个问题我也好无语呀，这个很简单呀。 纯体力活。 RecyclerView课程地址 Android控件之RecyclerView 相关提问： Recycleview 多种条目类型 如何绑定数据 案例源码地址： https://github.com/TrillGates/RecyclerViewMultiTypeDemo 效果： 解析 网络权限 <uses-permission android:name="android.permission.INTERNET" /> 主布局activity_main.xml <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"

Dodcker创建Mysql容器 我们这里通过docker-compose来创建mysql容器 同学们自行安装好docker和docker-compose ubuntu上安装docker docker-compose安装 创建相关目录 mkdir db mkdir conf mkdir log docker-compose.ytml文件 version: '3.1' services: mysql: container_name: "sob-blog-system-mysql" network_mode: "host" environment: MYSQL_ROOT_PASSWORD: "123456" MYSQL_USER: 'root' MYSQL_PASS: '123456' image: "mysql:5.7.30" restart: always ports: - 3306:

通过文章标签计算相关文章的方式 在我们写博客系统的时候，如果我们没有引入其他的框架，直接自己写代码，能不能找到比较相似的文章推荐给用户呢？ 我们来试试吧！ 提交参数 当前文章ID，用于获取当前文章的标签进行匹配 推荐数量，返回的条数，后面要做限额处理，比如说5~50. 计算方式 第一种： 获取文章标签 如果标签只有一个，则获取一个。如果标签不指一个，随即获取一个 根据标签去查询其他文章，并且文章ID不为当前文章的ID 如果数量不够，获取最新的进行补充 第二种： 获取文章标签 如果标签只有一个，则获取一个。如果标签不指一个，则获取第一个。 根据标签获取文章，如果不够，标签只有一个的话，获取最新的文章；标签不指一个，则获取下一个标签，再不够再获取最新的文章即可 实现 博客系统目前的实现方式是第一种 代码： /** * 获取推荐文章，通过标签来计算 * * @param articleId * @param size * @return */ @Override public ResponseResult

阳光沙滩博客系统API接口 分两部分：用户的API接口、门户的API接口 在线预览网址： 博客系统 baseUrl http://api.coincent.cn 统一返回结果bean类 ResponseResult{ code integer($int32) data {...} message string success boolean } 用户API接口 用户bean类 SobUser{ avatar string createTime string($date-time) email string id string loginIp string password string regIp string roles string sign string state string updateTime string($date-time) userName string } 用户登录 接口： /user/account/login/{captcha}/ 方法：POST 参数 captcha string(path,必须) 验证码，图灵验证码，请看后面的接口

阳光沙滩博客系统TodoList（待完成列表/bugs） 轮播图点击，没有做链接跳转 图片上传，没有去重-->可以通过计算md5值来防止文件重复上传 所有前端请求可以提交页数的，后面需要做页数限制 管理中心的友情链接更新完以后，id没有清空 管理中心需要添加一个跳转到前端门户 文章样式调整 用户接口需要进行分类调整-->设计有问题 文章页面请求一下页面访问统计/或者在default.vue里请求一下页面访问统计 扩展 图片存储使用云对象存储 springDataJap换成MP 评论通过邮件通知 学习中遇到问题 学习中遇到问题，同学们去交流网站发帖子： https://www.sunofbeach.net/wenda 如果你有什么想法，建议，可以评论！ 此文章下面评论，需要重新注册账号，与阳光沙滩账号不互通。

如果说现有的登录，可不可以呢？ 也是可以的，只不过会有问题： 你在PC端，也就是浏览器上登录了，如果你在手机上登录，那么PC端的就会下线； 假设使用同一个token，修改代码可以实现，但无法同时更新各端的token当token过期的时候。比如这次请i娶是从手机上发起的，token过期了，就会生成新的token和token_key，这时手机是可以更新的，但是浏览器没法更新。 退出登录也得改，如果使用同一个token，退出的时候，就是干掉自己端的token_key。 所以我们要使用各端独立的token 比如微信：你可在网页版/电脑/pad上登录（这几个是一致的，也就一个登录了，其他登录的就会下线），手机上app的就是独立的。微信是有两个token的。 如何去实现各端的token，使用一个接口。 1、知道来源：是从PC发起的登录，还是移动端发起的登录，from字段。从请求头也可以判断，设备比较多的话比较麻烦，所以还单独加个字段。不传的就网页端，传的话就是其他的，比如说移动端。 2、登录、流程差不多，token里会添加来源字段。每次访问就知道是从哪里发起的请求了。比如说发起评论，就可以知道