Vue3+TS+Node打造个人博客(数据库设计) 原创@前端司南 本项目代码已开源,具体见: 前端工程:vue3-ts-blog-frontend[1] 后端工程:express-blog-backend[2] 一个博客系统应该有什么功能,相信大家都是非常熟悉的,其核心无非是文章、分类、创作。而像标签、评论、留言、交流、后台管理这些功能,都是锦上添花。 要实...
早些时候,我为了更深入地了解前后端完整链路,特意自己实现了个人博客。早期效果如下: 之后一方面是觉得博客做得太难看,另一方面是想尝试在 Vue 项目中实践 TS,于是2020年我就立了一个 Flag 做重构,当时技术选型是 vue-class-component + vue-property-decorator,类组件 + 装饰器模式。做了一段时间,感觉开发体验也...
Vue3+TS+Node打造个人博客(后端架构) 文章参考地址:https://blog.wbjiang.cn/article/234 在使用 Express 搭建后端服务时,主要关注的几个点是: 路由中间件和控制器 SQL处理 响应返回体数据结构 错误码 Web安全 环境变量/配置 路由和控制器 路由基本上是按模块或功能去划分的。 首先是按模块去划分一级路由,各个...
之后一方面是觉得博客做得太难看,另一方面是想尝试在 Vue 项目中实践 TS,于是2020年我就立了一个 Flag 做重构,当时技术选型是 vue-class-component + vue-property-decorator,类组件 + 装饰器模式。做了一段时间,感觉开发体验也不是很好,慢慢就放弃了,等着 Vue3 的发布。 最近也是借着一些业余时间完成了自己的...
Vue3+TS+Node打造个人博客(后端架构) 原创@前端司南 Express[3] 是基于 Node.js 平台,快速、开放、极简的 Web 开发框架。目前已经更新到 5.x 版本。 我的博客后端其实开发得比较早,19年年底基本上已经完成了主体功能的开发,当时用的是 Express 4.x 版本。
51CTO博客已为您找到关于vue3 ts的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及vue3 ts问答内容。更多vue3 ts相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
1.路由配置 1.1路由组件的雏形 src\views\home\index.vue(以home组件为例) 1.2路由配置 1.2.1路由index文件 src\router\index.ts //通过vue-router插件实现模板路由配置 import { createRouter, creat
在src 下创建文件夹 store,并在 store 文件夹下创建文件 index.ts 3.2.2 定义 User 和Nav 相关的全局 state 首先定义 state的接口,目前我们需要用到三个state,一个是用户信息 User,一个是博客页面顶部导航的路由数据navs,是一个Nav的数组,还有一个是当前导航菜单的索引navIndex,表示当前页面是在哪一个菜单下...
TypeScript: 使用TypeScript进行源码编写,使用ts可以编写强类型js,对我们的开发有很大的好处 Progressive Web App(PWA):使用渐进式网页应用(PWA)可以让网站的体验变得更好,能够模拟一些原生功能 Router: 使用vue-router【推荐选择】 Vuex: 使用vuex状态管理器 ...
在src/utils/index.ts下增加方法timestampToTime exportfunctiontimestampToTime(timestamp:Date|any,dayMinSecFlag:boolean){constdate=newDate(timestamp);constY=date.getFullYear()+"-";constM=(date.getMonth()+1<10?"0"+(date.getMonth()+1):date.getMonth()+1)+"-";constD=date.getDate()<10?"...