DevOps 巅峰战役 02 - admin管理界面

产品名：应用中心

产品想法：在手机上我们都有应用商店，应用商店收录了各种各样的app，当我们需要地图导航时只需要安装地图软件即可使用。在我们的开发与生产环境中，linux平台下安装软件需要有经验加持，才能避免各种坑。开发一款基于centos7的应用中心，在日常开发和生产环境中可以快捷方便的安装所需软件，并自动配置让软件相对运行到最优。

万事开头难，第一篇我们部署了基础环境，在继续编写教程的时候，我遇见了admin管理界面样式缺失的问题。使用django 都会遇到这个问题，上篇我们是使用uwsgi来部署了django项目，现在管理界面样式缺失首先要定位问题。

当我使用python3 manage.py runserver 0.0.0.0:8000启动后，后台管理界面样式是正常显示的，此刻可以定位样式缺失是由于uwsgi部署导致的。从这个点出发，终于找到方法解决这个bug。同时在解决admin样式缺失的问题，也接触了xadmin，所以接下来后台管理界面会尝试使用一下xadmin。

最近几天没有更新，是在解决一个TLSv1.3的问题。我会将这个问题的解决思路和策略整理成下一篇文章。如果你们也想让自己的网站使用最新安全的TLSv1.3，可以按照我的文档试一下。

问题一：uwsgi 部署django项目后 admin样式显示异常

上一篇中，我们已经部署了django项目，当我们在web页面访问时，发现admin样式缺失。今天我们来解决这个bug。

# 修改项目语言、项目时区
sed -i "/^LANGUAGE_CODE = /cLANGUAGE_CODE = 'zh-Hans'" /root/appcenter/appcenter/settings.py
sed -i "/^LANGUAGE_CODE = /cTIME_ZONE = 'Asia/Shanghai'" /root/appcenter/appcenter/settings.py
# 设置静态资源目录
mkdir /root/appcenter/filesold
echo "STATIC_ROOT = '/root/appcenter/filesold'" >> /root/appcenter/appcenter/settings.py
# 收集静态资源
python3 manage.py collectstatic
# 重启uwsgi
pkill -f uwsgi -9
sed -i "/^static-map=/cstatic-map=\/static=\/root\/appcenter\/files" /root/appcenter/uwsgi 
uwsgi --ini /root/appcenter/uwsgi.ini
# 重启nginx服务
systemctl stop nginx
systemctl start nginx
# 现在可以正常的访问web了
http://localhost/admin

问题二：如何按照比原生的admin样式更好看的后台管理系统

# 安装xadmin
访问 https://github.com/sshwsfc/xadmin/tree/django2 网站，下载xadmin到本地，解压xadmin上传到服务器
cd /root/xadmin-django2
python3 setup.py install
# 安装依赖包【xlwt、xlsxwriter是为了处理excel】
python3 -m pip install -r requirements.txt
python3 -m pip install xlwt
python3 -m pip install xlsxwriter
# 回到django项目，注册app
cd /root/appcenter
sed -i "/ 'django.contrib.staticfiles',/a\ 'xadmin'," appcenter/settings.py
sed -i "/ 'xadmin',/a\ 'crispy_forms'," appcenter/settings.py
sed -i "/ 'crispy_forms',/a\ 'reversion'," appcenter/settings.py
# 新建app xadmin
\cp <app>/admin.py <app>/xadmin.py
# 新增url
sed -i "/from django.urls import path,include/a\import xadmin" appcenter/settings.py
sed -i "/ path('admin/', admin.site.urls),/a\ path('xadmin/', xadmin.site.urls)," appcenter/settings.py
# 同步到数据库
python3 /root/appcenter/manage.py migrate
# 设置静态资源目录
mkdir /root/appcenter/files
sed -i "/STATIC_ROOT/d" /root/appcenter/appcenter/settings.py
echo "STATIC_ROOT = '/root/appcenter/filesold'" >> /root/appcenter/appcenter/settings.py
# 收集静态资源
python3 manage.py collectstatic
# 修改xadmin 添加用户小组件出错bug
sed -i "/^ def render(self, name, value, attrs=None):/cdef render(self, name, value, attrs=None, renderer=None):" /usr/local/python3/lib/python3.7/site-packages/xadmin-2.0.1-py3.7.egg/xadmin/views/dashboard.py
# 重启uwsgi
pkill -f uwsgi -9
sed -i "/^static-map=/cstatic-map=\/static=\/root\/appcenter\/filesold" /root/appcenter/uwsgi 
uwsgi --ini /root/appcenter/uwsgi.ini
# 重启nginx服务
systemctl stop nginx
systemctl start nginx
# 现在可以正常的访问web了
http://localhost/xadmin