我在办公室偷偷学编程（2）确定框架

装好了各类环境，就得正式开始偷偷学习了。

做这个的初衷是解决自己和同事重复性劳动的问题，由于获得了另外一个内部系统的数据库访问权限，因此，先弄个显示吧。

先写个流程步骤吧。

1. 后端从数据库里面读取语言的数据。

2. 将其编程一个json传递给前端。

3. 前端拿到数据后显示在网页上面。

写完了，现在正式开始。

流程写完就得正式开始写代码了。但是其实先得确定框架，毕竟是希望能够不断增加功能的，而不是一次性开发就结束了。

网上看了很多，发现最适合不断增加功能的模式，还是浏览器客户端加服务端模式比较合适。如果全部用python来实现功能，就涉及到语言自己写界面，感觉比网页复杂好多，而且也不利于同事们使用。

还考虑到利用数据库存储数据，因此还需要数据库来管理数据。

因此，明确了整体框架逻辑，

服务端采用python，数据库，nginx或者apache提供支持，浏览器来读数，简单加工，提供显示以及互动。

针对服务端，

单纯的python功能不足以提供，于是用上了django，这个真不对于后端服务管理真的很方便。不过python想要能够提供服务端启动就需要用到wsgi的服务。于是套用apache的wsgi插件来提供这个支持。当然，django自己是能够提供服务端的，但是他们自己说不推荐用自带的，所以还是得用到wsgi最合适。也有在linux下用uwsgi，这个得另外启动，或者设置命令，比用apache管理感觉也麻烦不少。

这么一来，后端服务就搭配了一个初步方案，如下

Python3.8.10+django3.2.5+apache2.4+wsgi（装这个也蛮多坑看这里写了怎么装）。

针对浏览器提供服务的，

前端就比较简单了，直接js编写页面就能够用了，对了，看推荐说ts更加现代化，也是全面兼容js，也就按照ts来学习，反正不行就退回去。

看来看去，比较友好的就是vue了，对比了最新的，vue的选项式和组合式，选项式是2.0沿用的，组合式据说能够匹配更受欢迎的react，据说也更适合小白，所以就选了vue3.0的组合式的方向。

vue是管理数据的，还得弄个显示用的，vue广告推荐了eleme-plus，对比了ant发现适合react，就默认选了el的组件库。

这么一来，前端的就选了ts+适配的npm18管理工具+vue3+eleme-plus。

编程语言基本上就是sql，python，typrscript三个了。工具用vs code。

感谢上面这些开发的大神们，为我们这些彻底的小白提供了全套的工具！