uniapp本地数据库_uniapp+NodeJs+mysql实现移动端个人博客 01

今天闲来无事，就想着做一个属于自己的个人博客，因为之前有一个个人博客使用的是别人的CMS。直接拿来就用了，但是心里一直是不舒服着呢，毕竟不是自己亲手写的，就算再好用还是有种不亲切的感觉，如果是自己写的东西，就算是渣一点，但是也是自己辛勤的双手打造出来的，自己也可以不断的去优化改造他。

碍于我正常上班，所以这个项目我会分为几期分开去发帖子，一直到项目完成，不过整体我就算了一下，应该是用不了多久的，况且个人博客，如果不做用户评论这些功能的话，只是一个查询功能，那么这个项目还是相当的简单的。页面也不多，大概就只有 首页，列表页，详情页，以及几个简单的个人介绍了，顶多再多一个项目展示的页面。

当然，对于自己的项目，自己有足够的时间去升级，不断的更新，让他更加完美。所以对待每一个细节我们都要考虑的更多更周到，能不写死的东西就不写死，能封装就封装，能组件化就组件化，尽量做到精而简。

其实这里我已经有了现成的数据库，我估计这个数据库的命名什么的有人一看就会眼熟，因为用的人家的，眼熟就说明咱们审美是一样的，喜欢人家的这一款产品。然后我们要做的就是把前端页面实现出来，然后再用NodeJs写出来接口，然后再对接接口。这样就等于是前后端完全分离了，后端只做接口值负责数据库的增删改查，前端也只负责页面和获取数据并向页面填充数据。

开始之前我们还需要介绍一下我们的第一个需要用到的东西，一个框架就是UNI-APP 这是一个混合开发的一款框架，就是一套代码可以运行在移动端网页，微信小程序，QQ小程序，支付宝小程序，以及字节跳动的小程序上，当然还可以封装成app下载在手机上使用，我用这个框架呢，没有说想多端开发，就是因为里面的很多东西自己已经用的很习惯了，其实说真的，一开始用这个东西坑还是挺多的，但是用了这么久也已经对他的坑也是略知一二了，很少会在被坑了。

首先，这是所有的数据表，从这里看的出来，我们的工作量是不大的，如果有满满一天的空余时间的话，相信也是足够的。更何况，只有前端页面的话，就只用得到查了，增删改就用不到了。而且结构极其简单。

接下来就是页面的实现，今天太晚了我就先写一个主页好了。不过整体的规划还是有的，我准备搞三个主页面，一个首页，一个博客展示的页面，一个博主介绍的页面以及一些案例展示啥的

主页呢首先一定是要有一个轮播图，然后公告栏的话也加一个吧，好看，然后下面在展示一下个别博客或者寄语什么的。

既然用到了UNI-APP那我必须用的就是Hbuilder了，毕竟人家是合作关系，用起来还是相对友好的多的。

个人觉得Hbuilder的界面还是相对简洁的多的

文件-新建-项目然后选择uni-app 输入项目名称 创建

我们就得到了一个框架

我们选择运行，然后运行到浏览器，然后选择谷歌浏览器

然后我们就得到了这样一个页面

接下来就是对这个页面的修改以及添加新的页面完成首页的实现

0:52了，刚刚又去收了衣服晾了起来，首页并没有完成，不过大体的框架已经出来了。

明天完成首页以及博客页面，然后下面的图标点击的时候颜色切换并不明显，用的是#666666和        #393D49这两个色值 着实审美不行

希望有好的推荐