做个开源博客学习Vite2 + Vue3 （三）博客设计和代码设计

【做个开源博客学习Vite2 + Vue3 （三）博客设计和代码设计】的更多相关文章

做个开源博客学习Vite2 + Vue3 （一）搭建项目

前言不会 webpack,遇到报错就一头雾水,完全不知道怎么办,而且体积还大速度还慢. 所以尤雨溪做了 vite 后就很向往,只是知道自己水平有限还是等大佬先趟趟坑,等差不多了在跳. 现在vite2发布了,官网也有了,网上也能找到大佬写的相关资料,时机应该成熟可以往里跳了. 所以打算做个开源博客,一边做这个小项目,一边学习 vite2 和vue3,还有相关知识. 为啥选择博客呢?因为功能相对比较简单,不考虑皮肤等功能的话. 而且大家都比较熟悉,没写过博客总看过博文吧. 所以呢,业务需求方面一说…

做个开源博客学习Vite2 + Vue3 （三）博客设计和代码设计

项目搭建好了之后是不是可以编码了呢? 等等不要着急,我们是不是应该先设计一下?比如博客的功能等? 博客设计先做个简单的个人博客,因为是个人版,所以可以省略注册.登录这些功能,表结构也可以简单一点. 基础功能:添加博文.显示博文.博文列表+查询+分页.讨论列表和添加讨论. 虽然功能弱了一点,但是麻雀虽小五脏俱全,vite2 和 vue3 的基础用法也可以体现一些. 功能设计是不是做成图更明显一些? 代码设计 model设计 model代码先来看看 model 的代码. /src/model/…

做个开源博客学习Vite2 + Vue3 （四）实现博客功能

我们再来看一下管理类的设计. Composition API,就是组合API的意思,那么是不是应该把js代码分离出来,做成独立的管理类的形式呢? 这样代码可以更整洁一些,主要是setup里面的代码就不会乱掉了. 管理类 import webSQLHelp from '../store/websql-help' import { blog, blogForm, blogList, articleList, discuss, discussList } from './blogModel' impo…

css扁平化博客学习总结（三）header代码实现

页头.banner.正文.页脚的宏观布局 1.布局顺序的重要性: 由大到小,着眼最大的部分,慢慢细分. <body> <header> <nav></nav> <div id="banner"></div> </header> <div class="content"><!-- 内容开始 -…

MySQL 学习笔记（三）：完整性和触发器设计

(一)完整性设计方法一.在设计表时定义约束删除数据库school,建立新数据库school1 drop database school; create database school; use school; 1.定义约束 create table Student( Sno ) primary key, /*主键约束提示primary key */ Sname ) unique, /* 唯一约束提示 unique */ Ssex ) check (Ssex='男' or Ssex='女'…

FPGA一个博客学习

FPGA一个博客学习 http://bbs.ednchina.com/BLOG_PERSONALCAT_100185_2001619.HTM…

多IDC数据分布--MySQL多机房部署 - 学习笔记 - 51CTO技术博客

多IDC数据分布--MySQL多机房部署 - 学习笔记 - 51CTO技术博客多IDC数据分布--MySQL多机房部署…

Do Now 一个让你静心学习的APP——团队博客

Do Now 一个让你静心学习的APP 来自油条只要半根团队的智慧凝聚的产物! 团队博客总目录: 团队作业第一周团队作业第二周 Do Now -- 团队冲刺博客一 Do-Now-团队Scrum 冲刺博客--第二天 Do-Now-团队冲刺博客三 Do-Now-团队冲刺博客四 Do-Now-团队Scrum 冲刺博客五 Do-Now-团队冲刺博客六 Do-Now--团队冲刺博客_总结篇…

我的第一篇博客-学习书写markdown

Markdown学习(标题:井号+空格+标题名字回车 ) 标题: 二级标题## 空格+名字三级标题### 空格+名字四级标题#### 空格+名字五级标题##### 空格+名字六级标题###### 空格+名字 (最多到六级标题) 字体左右两个星号包围代表粗体左右两边一个星号包围代表斜体左右两边用三个星号包围代表粗斜体左右两边用两个波浪号包围显示删除线字体引用大于号加空格显示引用分割线三个杠---空格回车显示分割线三个星号***空格回车显示分割线图片英文输入法状态下…

开源项目live555学习心得

推荐:伊朗美女找丈夫比找工作难女人婚前一定要看清三件事 × 登录注册疯狂少男-IT技术的博客 http://blog.sina.com.cn/crazyboyzhaolei [订阅][手机订阅] 首页博文目录图片关于我个人资料疯狂少男 Qing 微博加好友发纸条写留言加关注博客等级: 博客积分:22 博客访问:5,717 关注人气:2 获赠金笔:0 赠出金笔:0 荣誉徽章: 精彩图文相关博文十大女星全裸戏光脱却不漏点八教兽任…