# 泡芙专栏
该项目是一款基于Vue3、Typescript和Node.js express的一个模块化设计的前后端分离项目,仿知乎专栏--泡芙专栏。
# 后端接口
后端基于Node.js、express、MySQL实现,项目中所有数据都是通过后端接口获取,[接口传送地址](https://github.com/puffovo/Vue3-column-api)。
# 技术栈
Vue3 + Vuex + Vue-router + TypeScript + ES6 + Bootstrap + Express + MySQL
# 项目运行
```
https://github.com/puffovo/vue3-column.git
cd vue3-column
npm run serve(运行项目)
App running at: http://localhost:8080/
```
# 效果图
### 首页
1.
![首页](https://github.com/puffovo/vue3-column/blob/main/Screenshots/1.png)
2.
![首页](https://github.com/puffovo/vue3-column/blob/main/Screenshots/2.png)
### 专栏
![专栏](https://github.com/puffovo/vue3-column/blob/main/Screenshots/3.png)
### 创建文章(上传头图)
1.
![文章](https://github.com/puffovo/vue3-column/blob/main/Screenshots/4.png)
2.
![文章](https://github.com/puffovo/vue3-column/blob/main/Screenshots/5.png)
### 上传文章
![文章](https://github.com/puffovo/vue3-column/blob/main/Screenshots/6.png)
### 登录
![登录](https://github.com/puffovo/vue3-column/blob/main/Screenshots/7.png)
### 注册
![注册](https://github.com/puffovo/vue3-column/blob/main/Screenshots/8.png)
# 项目功能点
1. 登录(退出登录)、注册
2. 登录持久化
4. JWT权限验证
3. 首页设计
4. 专栏列表,专栏详情(真实后端数据,非静态数据)
5. 文章列表,文章详情(真实后端数据)
6. 新建文章
7. 上传头图
8. 我的文章
9. 删除文章
# 结语
该项目还在美化完善中,如果您想要学习Vue3和TypeScript,了解后端express、nodejs以及MySQl,可以尝试该项目,欢迎交流讨论!
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
软件开发设计:应用软件开发、系统软件开发、移动应用开发、网站开发C++、Java、python、web、C#等语言的项目开发与学习资料 硬件与设备:单片机、EDA、proteus、RTOS、包括计算机硬件、服务器、网络设备、存储设备、移动设备等 操作系统:LInux、树莓派、安卓开发、微机操作系统、网络操作系统、分布式操作系统等。此外,还有嵌入式操作系统、智能操作系统等。 网络与通信:数据传输、信号处理、网络协议、网络与通信硬件、网络安全网络与通信是一个非常广泛的领域,它涉及到计算机科学、电子工程、数学等多个学科的知识。 云计算与大数据:包括云计算平台、大数据分析、人工智能、机器学习等,云计算是一种基于互联网的计算方式,通过这种方式,共享的软硬件资源和信息可以按需提供给计算机和其他设备。
资源推荐
资源详情
资源评论
收起资源包目录
基于Vue3、Typescript和Node.js express的一个前后端分离项目,仿知乎专栏--泡芙专栏.zip (47个子文件)
cm
.editorconfig 121B
.browserslistrc 40B
.eslintrc.js 379B
src
store.ts 6KB
main.ts 407B
App.vue 947B
assets
callout.svg 7KB
logo.png 7KB
column.jpg 474B
ink.webp 11KB
router.ts 2KB
components
ValidateInput.vue 4KB
UploadFile.vue 3KB
ColumnList.vue 2KB
ToasToast.vue 1KB
GlobalHeader.vue 2KB
MessageHint.vue 825B
ValidateForm.vue 2KB
DropdownItem.vue 707B
DropDown.vue 2KB
PostList.vue 1KB
testData.ts 2KB
shims-vue.d.ts 168B
hooks
useClickOutside.ts 604B
useCreateToast.ts 514B
views
ColumnDetail.vue 2KB
CreatePost.vue 4KB
RegisterPage.vue 4KB
LoginPage.vue 4KB
HomePage.vue 2KB
PostDetail.vue 2KB
http
index.ts 2KB
package.json 987B
public
favicon.ico 4KB
index.html 620B
Screenshots
3.png 404KB
1.png 313KB
6.png 314KB
5.png 150KB
4.png 46KB
8.png 51KB
7.png 39KB
2.png 383KB
package-lock.json 758KB
.gitignore 231B
tsconfig.json 767B
README.md 2KB
共 47 条
- 1
资源评论
妄北y
- 粉丝: 9668
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功