web前端课程设计——K.X的博客

通过一个学期的web前端学习，学习了html、css、js，以及bootstrap4和vue框架的简单运用；这个课程设计也算对自己一学期课程的总结吧。课程设计运用单页面技术、vue-router（路由）、定义全局变量、bootstrap4界面设计以及Vue-html5-edito富文本编辑器功能：可实现查看博客详情、增加博客，编辑博客，删除博客以及点赞功能；由于未连接数据库，每次刷新数据都...

K.X

0人浏览 · 2019-12-23 16:56:45

K.X · 2019-12-23 16:56:45 发布

目前已开发出后端：动态网站开发课程设计——K.X的博客_K.X的博客-CSDN博客

通过一个学期的web前端学习，学习了html、css、js，以及bootstrap4和vue框架的简单运用；这个课程设计也算对自己一学期课程的总结吧。

课程设计运用单页面技术、vue-router（路由）、定义全局变量、bootstrap4界面设计以及Vue-html5-edito富文本编辑器

功能：可实现查看博客详情、增加博客，编辑博客，删除博客以及点赞功能；由于未连接数据库，每次刷新数据都会重置。

效果图：

附：

课程设计——K.X的博客源码：https://github.com/kongxin-github/K.X-Blog-for-Page

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^