网站全栈制作
-
网站前后端整体流程,如下图:
-
后端技术框架:
ubuntu16.04+apache2+python3(virtualenv+aiohttp+jinja2+aiomysql+mysql-connector)
下图是搭建过程笔记: -
前端框架: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”>
< !–兼容性–> -
功能框架: