User Tools

Site Tools


ui:html-template

Table of Contents

d






QGG模板

<!DOCTYPE html>
<html lang="zh-CN">
  <meta charset="UTF-8"/>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
  <meta name="renderer" content="webkit"/>
  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta name="description" content="中国最大的理财服务提供商"/>
  <link type="text/css" rel="stylesheet" href="./css/style.css"/>
  <head>
    <title>Page title</title>
  </head>
  <body>
    <img src="images/company-logo.png" alt="Company">
    <h1 class="hello-world">Hello, world!</h1>
 
    <script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="./js/common.js"></script>
    <script type="text/javascript" src="./js/jquery.validate.min.js"></script>
    <script type="text/javascript" src="./js/jquery.validate.additional-methods.min.js"></script>
<script type="text/javascript" src="./js/jquery.validate.methods.js"></script>
<script type="text/javascript" src="./js/jquery.validate.messages_zh.js"></script>
  </body>
</html>

规范

  1. 文件头用:html5 doctype. 写charset=UTF-8, 还有如果是IE内核用最高版本解释,对于360浏览器,还会用最新的IE解释。(模板里面前6行,是标准。 js文件都放在 body 最下面)
  2. 多用CSS3属性,少用一根线平铺来做背景,减少碎图片的量。少用html5的新标签。
  3. 只用jquery 1.11.1 及对应的jquery插件去完成交互。

额外考虑

考虑到和已有代码还有后台逻辑的相关性:

银行卡的图片命名:bankcardABC.jpg (类似于这种的,当然可以是,cardABC.png都行。) 这是为了能够做到:根据后台的结果,动态显示成不同的银行图片。

中国大陆的银行目前主要由:
  中央银行:1家,即中国人民银行
  政策性银行:3家,即国家开发银行、中国进出口银行、中国农业发展银行
  国有商业银行:5家,即交通银行、工商银行、农业银行、中国银行、建设银行
  股份制商业银行:12家,即招商银行、中信银行、华夏银行、光大银行、民生银行、浦发银行、广发银行、兴业银行、平安银行、徽商银行、浙商银行、渤海银行、恒丰银行
  城市商业银行:137家
  农村商业银行:数量不详
  专业银行:1家,即中国邮政储蓄银行
银行名称 银行码 银行名称 银行码 银行名称 银行码
中国农业银行 ABC 中国工商银行 ICBC 中国建设银行 CCB
中国银行 BOC 交通银行 BCM 中国邮政储蓄银行 PSBC
中国光大银行 CEB 兴业银行 CIB 平安银行 PAB
中国民生银行 CMBC 华夏银行 HXB 中信银行 CITIC
广东发展银行 GDB 招商银行 CMB 浦东发展银行 SPDB
渤海银行 CBHB 恒丰银行 浙商银行 CZB
微商银行 HSB 宁波银行 NBCB 北京银行 BOB
上海农商银行 SHRCC 南京银行 NJCB

工行ICBC 0102,农行ABC 0103,中行BOC 0104, 建行CCB 0105,交行BCM 0301,邮储PSBC 0100, 招商CMB 0308,中信CCB 0302,光大CEB 0303,平安PAB 0783,兴业CIB 0309,广发GDB 0306,浦发SPDB 0310,华夏HXB 0304 ICBC,ABC,BOC,CCB,CEB,HXBANK,CIB,PINGAN,SPDB,PSBC,CMB

为了不至于 跟一期的内容冲突。

  1. css文件都放在 ./v2/css/
  2. js文件都房子啊 ./v2/js
  3. image文件都放在 ./v2/image/
ui/html-template.txt · Last modified: 2020/10/11 15:36 by 127.0.0.1

Except where otherwise noted, content on this wiki is licensed under the following license: 沪ICP备12046235号-2
Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki