/express-blog

express + pug + jquery + bootstrap 写的博客前后台。前后端半分离,没有完全分离。

Primary LanguageCSS

express-blog

不要怀疑自己的眼睛,你没有看错。马上就9102年了,这个项目的技术栈是 express + pug + jquery + bootstrap + 前后端半分离的博客前后台。技术栈确实很辣鸡。

项目由来

  • 最近工作比较闲,一直想做一个node的项目,但一直没找到合适的来练手。偶然找到了王世军老师16年的视频,讲的还不错就选了这个项目跟技术栈。其实我觉的2年前就应该做这个项目了,一直拖到了现在~~~~
  • 自己有个坏习惯,三分钟热情,做什么事刚开始很热情提前想很多事,但等真正看完了相关的技术资料,做了一个项目demo,才发现事情很枯燥,真正做起来其实没啥技术含量,然后就会找一堆说服自己的理由,结果就是留下了一系列的hello world项目。但是有些事看上去简单,你不去做一次就永远不能真正掌握这块技术。
  • 这个项目做到一半时,我就做着没啥意思了。老旧的技术:模板引擎的用起来太费劲跟react、vue的模板语法差太多了;前后端不分离页面体验极差.....但是为了给自己个交代,还是决定把这个项目完成,不想自己给自己留下一个嘴强王者的印象。虽然技术栈老点但是旧技术对新技术的理解很有帮助。之前对服务端渲染一直很迷惑,虽然会做但是对整个过程没有概念。文档看了很多次,都不能真正理解啥事服务端渲染。但是这个项目做到一半,我忽然就懂了。哈哈哈。
  • 没有不好的技术栈,只有适不适合和使用者的技术水平高低。

项目过程

  1. 本项目的初始化用的是generator-express

    npm install -g yo
    npm install -g generator-express
    yo express
    

    选择 mvc、gulp、�pug 然后项目的工程目录就有了。

  2. 需要安装mongodb 和 mongoose。�这里就不详细介绍了,大家�自行百度。 安装完成后,mongod 命令启动mongodb数据�库。默认端口号就是27017

  3. 然后执行 �gulp命令就可以启动项目了。