谈一谈|个人博客网站开发记录一

前言

因为疫情原因，所以有了更多时间去学习，就打算学学全栈开发，做一个自己的网站，现在网站开发已过半，写些文章记录一下自己的开发历程，也希望能给读者带来些帮助。

项目开发进程---第一周：

主页及后台处理部分已完整，数据库设计及实现已完整。

主页已经能够动态获取数据库数据并展示，上拉加载或者翻页加载还没想好做哪个。

页面之间的跳转也做了，但其余页面的具体内容还未实现。

管理界面，完成了文章的上传。

在页面内编辑文章也做了，用的markdown。

背景知识介绍

先介绍自己在开发网站前所掌握的知识。

前端方面较为熟练的掌握html和css(比入门好一点点)，能够简单套用ui框架(bootstrap4)，js处于入门阶段(会一些简单的dom操作，操作一些数据结构时仍要翻阅文档。

后台方面，对于python掌握比较熟练，有较好的算法基础。人工智能入门阶段，没做过任何关于后台开发的事。

数据库原理与概述学的比较好，对sql语句较为熟练。

有一台阿里云学生机，会用iis服务展示静态网页。

开发经历，做过简单的静态网页，开发过微信小程序(套用别人代码，并且只能看懂个大概)。

学习准备

知识扫盲及学习资料：

https://mp.weixin.qq.com/s/wYvT4E5bBlIO285wOFTzHA

在上述背景下尝试过开发网站，但发现连个axios都不会引用。所以从3月底开始去学习有关全栈开发的知识，先是在头条上看了很多文章，进行扫盲（大概了解了一些前后端开发的技术）。然后规划了一条学习路线，前端vue(对新手友好，而且确实很强大)，后台flask(入门简单，而且自己python基础也比较好)，数据库mysql(和sql神似)。

学习资料查找，前端技术在B站上找了一个视频(包括webpack,vue,vue-cli，看完才知道这些东西的重要性)，视频约70个小时(包括一个完整的项目开发)，花了大约一个月。Flask看的官方文档，花了一上午。Python对数据库的操作用的records库(纯sql)花了不到1小时。

项目开发规划

做一个个人博客网站。

要求：

用户网站：文章展示、文章分类、讨论提问、趣味实验室(把自己做的一些人工智能demo放上去)。

后台管理网站：已有文章上传，文章编辑，文章删除。

技术实现

1.封装导航栏

封装的好处就是可以直接丢到其他网站使用。涉及到的知识：vue组件化开发。

用bootstrap4做了移动端适配。

所涉及知识：

https://mp.weixin.qq.com/s/pDA0u-hl_ocRCg92PTSiaA

2.前端路由绑定导航栏

将每个主要页面作为一个模块，通过前端路由绑定导航栏，实现页面跳转。这样做在页面跳转时，只刷新对应模块，极大的提升网页加载速度。

这两部分做好，前端的大体架构就已经实现了，之后就是不断完善各个页面。

总结

第一篇概述只是做个简单介绍，更多更好的内容请关注微信公众号“算法与编程之美”，持续更新哦。

END

主 编 | 王文星

责 编 | 马原涛

where2go 团队