互联网：网站全栈制作

1. 网站前后端整体流程，如下图：
   

2. 后端技术框架：
   ubuntu16.04+apache2+python3（virtualenv+aiohttp+jinja2+aiomysql+mysql-connector）
   下图是搭建过程笔记：
   

3. 前端框架：bootstrap
   3.1 手机web HTML头信息解释
   < meta charset=“utf-8” />
   < !–编码为 unicode utf-8–>
   < link rel=“shortcut icon” href=“favicon.ico” type=“image/vnd.microsoft.icon” />
   < !–浏览器图标地址与图标类型–>
   < meta name=“Generator” content=“LIXIPHP (http://lixiphp.com)” />
   < !–generator–>
   < meta name=“viewport” content=“width=device-width, initial-scale=1”>
   < !–网页缩放比例为1:1–>
   < meta name=“MobileOptimized” content=“width”>
   < !–控制手机布局，width默认为屏幕大小，也可以为具体数字240、480，Windows Mobile推荐设置为240–>
   < meta name=“HandheldFriendly” content=“true”>
   < !–控制手机放大缩小网页显示–>
   < meta name=“apple-mobile-web-app-capable” content=“yes”>
   < !–控制手机全屏显示（apple safar）–>
   < meta http-equiv=“cleartype” content=“on”>
   < !–针对LCD液晶显示器设计，可提高文字的清晰度–>
   < meta http-equiv=“X-UA-Compatible” content=“IE=edge, chrome=1”>
   < !–兼容性–>

4. 功能框架：