蜗牛之路

现在，网站的整体架构（包括前端、后台）都搭建起来了，但是我们还有许多东西需要完善。

1.后台需要有修改公司介绍的功能。
2.需要有上传图片的功能。

下面我们就来完善这些功能。

一、添加公司介绍
运行pgAdmin连上数据库，然后按第4章的做法，打开sql查询分析器，运行下面代码添加一条数据库记录：

二、公司介绍记录读取

将main.py用户登录判断那两行代码注释掉

在api文件夹下面新增一个about.py，在下面添加如下代码：

因为公司介绍id添加后不会再改变，所以sql语句直接绑死id为1，另外，执行数据库查询以后，返回的是列表，所以返回记录时要加上序号：result[0]

三、测试结果

在浏览器输入：http://127.0.0.1:9090/api/about/，看到如下界面，里面有“ "state": 0”的信息，就表示成功了。

备注：乱码问题
如果你看到的界面是这样的，是因为中文字符是unicode编码。

这样的代码可以通过站长工具进行转码。

四、防sql注入和防xss处理
首先使用pip install bleach安装bleach这个库，它是一个基于白名单、通过转义或去除标签和属性的方式，来对HTML文本净化的python库。
打开string_helper文件，在开头加入import bleach,在末尾添加如下代码：

五、添加修改公司介绍接口
修改记录使用put方式接收：@put('/api/about/')，在about.py中，添加如下代码：

六、添加上传接口
由于我们使用的文本编辑器是百度的ueditor，因为它没有python的上传处理代码，所以我们需要动手编辑上传接口，以及html上也要进行对应的修改。
在api文件夹下面新建一个files.py,代码如下：

七、建立上传文件的存放文件夹
在项目的根目录下创建upload文件夹。

八、创建文件下载路由
添加bottle库的response, static_file这两个包，打开main.py文件，将原来的：

改成：

在26行的位置插入以下代码：

插入后的效果：

再在函数主入口前面位置添加以下代码，设置后只要放在upload目录下的文件都可以直接通过浏览器下载：

效果图：

九、修改前端页面
打开html文件夹中的/lib/ueditor/1.4.3/ueditor.config.js，修改“服务器统一请求接口路径”为下面的形式。
将原来的

改成：

在/lib/ueditor/1.4.3/目录下面添加一个python文件夹，在里面新增一个config.json文件，代码如下：

完成以上两项配置之后，就可以使用上传图片的功能了。

十、修改公司介绍
点击“首页图片”后面的“浏览”按钮，插入一张图片。

点击编辑器上的插入图片图标，选择一张图片插入。

然后再输入公司简介的内容，点击保存。

进入数据库，可以看到我们刚刚修改后的结果。

十一、设定图片路径
从步骤十的截图可以看到，我们上传的图片显示为一个白色的小图标，而百度的UEditor上传图片之后，是可以显示图片的。
通过测试发现：我们可以通过：http://127.0.0.1:9090/upload/20180312200449/2018031220044969Fw2.jpg 来访问这张上传的图片，但是我们如果用http://127.0.0.1:81/upload/20180312200449/2018031220044969Fw2.jpg 是无法显示这张图片的，而我们现在正在我们的后台，后台的地址就是http://127.0.0.1:81，所以图片当然也无法显示了。

打开nginx配置文件 ：E:\Service\nginx-1.11.5\conf\nginx.conf

将location ~* ^/(index|api)/ 修改为 location ~* ^/(index|api|upload)/

然后同时按Ctrl+Alt+Del键，点击启动任务管理器，找到nginx_service.exe，右键=》结束进程树。

重新打开服务（控制面板=》所有控制面板项=》管理工具=》服务），启动nginx_service服务。

刷新一下后台，就可以看到图片正常显示了。

备注：
这一章是最难的一章，两次在这儿栽跟斗，就是源码有问题，我第一次做这个教程的时候做到第十一章，当时是解决了这个问题的。、
不过第二次做时，完全忘记了，所以又犯了同样的错误，就是可以通过info.log查看出错信息，这样就可以发现files.py里面的这段代码是有问题的：

to_number是不需要带参数的。