項目中,ERP、CRM、POS、OMS都是基于 Bootstrap 3 的基礎上進行開發的,因此,每一位開發者必須非常的熟悉 Bootstrap 3 的每一個組件,以及靈活使用;
項目前端 HTML 代碼完全遵從 Bootstrap 3 的開發標準。
HTML 規范:
1、閉合標簽:
閉合上下對其,內標簽以 一個 Tab 向內縮進,保持可閱讀
~~~
<div class="container">
...
</div>
~~~
2、單標簽,單標簽不加閉合斜杠
~~~
<img src="..." class="img-responsive" alt="Responsive image">
~~~
3、HTML 注釋
在每一個獨立的組件區塊中,在上下加上說明注釋
~~~
<!-- xx 新增模態框 -->
<div class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
...
</div>
</div>
~~~
4、在 HTML 頁面 禁止寫一切的 CSS 和 JS 代碼,CSS 和 JS以引入的方式調用加載
~~~
<!-- 引入 xx.css -->
<link rel="stylesheet" href="xx.css">
<!-- 加載 xx.js -->
<script src="xx.js"></script>
~~~
5、HTML 文件主要寫在 MVC 結構的 View 視圖層,公共的 HTML 文件,如Header,Footer等 都將寫到 Common 的 View目錄中,(現在在 Set/View/Public)
6、id 和 class 命名統一格式為 “-”連接,如: col-sm-
~~~
<div class="col-sm-12"></div>
~~~
7、有驗證提交的按鈕用 button 標簽,加上禁止重復提交,其余按鈕用a標簽
~~~
<div class="modal-footer">
<button type="submit" class="btn btn-primary">保存</button>
<a class="btn btn-primary">添加</a>
</div>
~~~
8、頁面 button 按鈕,主要有三種形式
btn,btn-primary,btn-default , btn-erp , btn-pos , btn-crm , btn-ecm , btn-sys
~~~
<a class="btn btn-primary">按鈕</a>
<a class="btn btn-default">按鈕</a>
<a class="btn btn-erp">ERP按鈕</a>
<a class="btn btn-pos">POS按鈕</a>
<a class="btn btn-crm">CRM按鈕</a>
<a class="btn btn-ecm">ECM按鈕</a>
<a class="btn btn-sys">SYS按鈕</a>
~~~
**截圖:**
  
9、頁面狀態標識,用不同的顏色進行區別,成功,失敗等
~~~
<span class="label label-primary">藍色</span>
<span class="label label-success">綠色</span>
<span class="label label-info">天藍</span>
<span class="label label-warning">黃色</span>
<span class="label label-danger">紅色</span>
~~~

10、模態框有三種不同大小形式的使用,具體看 Bootstrap 中
- 模版
- 前言
- 項目架構
- 項目規范
- HTML
- CSS
- Javascript
- PHP
- MySQL
- 注意規范
- 開發版本管理
- 開發流程
- 系統配置
- 阿里云服務器配置
- 計劃任務配置說明
- 開發示例
- Page分頁
- Search_param搜索結果賦值
- Add新增
- Edit編輯
- Ajax表單驗證
- Ajax二級聯動
- Excel 導出數據首位不去0的方法
- POS總部控制
- 下載CSV格式的模板
- 訂單唯一碼表和訂單SKU表實收金額生成
- 快捷日期選擇
- JS函數
- ajax_send
- ajax_result
- createQrCodes
- createBarCodes
- printTpl
- JS插件
- BootstrapValidator表單驗證插件
- Address省市區插件
- Bootstrap-datepicker日期插件
- Bootstrap-select多選框插件
- Toastr消息提示插件
- PalyAudit掃描聲音提示插件
- WebUploader多圖片上傳插件
- Ueditor富文本編輯器插件
- Function
- alert
- object_to_array
- array_to_object
- get_address
- set_param_url
- get_shops_name
- get_user_name
- get_warehouse
- get_cheapest_sku
- print_attr(新)
- print_img(新)
- get_spu_no(新)
- get_type_name(新)
- get_brand_en(新)
- get_cat_name(新)
- get_attr_name(新)
- spu_cat_info(新)
- get_time_event_price
- get_vendors
- check_total_reduce
- check_total_discount
- get_inventory
- get_delivery
- get_sale_inventory
- get_customer_name
- phone_protection
- get_order_no
- get_event_name
- get_order_status
- get_item_status
- get_ditch_name
- get_card_no
- get_shop_sales
- get_pay_name
- get_season
- amt_format
- get_cat_parent
- print_attr_id
- round_bcadd
- round_bcsub
- round_bcmul
- round_bcdiv
- get_account_name
- Controller
- Common_BaseController
- check_membership_card
- get_menu_list
- importErrorMassage
- Wpos_IndexController
- get_customer_vip_card
- get_shops_id
- calculate_active_integral
- check_numbers_active
- check_goods_active
- Woms_IndexController
- Model
- View
- category
- cycle_date.html
- shop_select門店多選搜索框
- 品牌A-Z排序多選brand_mc.html
- 供應商代碼A-Z排序vendor_no_mc.html
- Lib
- BuyerLib
- WarehouseLib
- EventLib
- getTimeEventPrice
- getVipType
- getEvent
- orderTotalEvent
- orderTimeEvent
- getTotalReduce
- getTotalDiscount
- SaleLib
- CustomerLib
- addCustomerService
- GiftcardLib
- WechatLib
- wxRefund
- OrdersLib
- orderLog
- calculatePayinAmount
- calculateSubtotal
- correctPayinAmount
- saveOrderAddress
- getOrderAddress
- setDeliveryNo
- SyncLib
- updateOuterStock
- UserLib
- createCommission
- FlowLib
- orderList
- addOrder
- addLog
- orderInfo
- checkSku
- orderSave
- orderStop
- orderExecute
- skuEdit
- orderPrinta
- scanGoods
- boxClose
- orderOut
- take
- bview
- check
- deliveryStatus
- checkGoods
- GoodsLib
- createGoodsNo
- createNewGoodsNo
- getSystemStyleNo
- getDim
- MallLib
- smsLog
- GoodsBaseLib
- getBrandInfo
- getBrandsInfo
- getAttrIdArray
- getPrintAttr
- getMustAttr
- getCatIdInfo
- valTypeId
- valsTypeId
- getCatNoInfo
- getCatInfo
- getAttrArr
- getAttrInfo
- getValInfo
- getAttrId
- getValId
- getAttrSeaon
- getValueId
- PointsLog
- pointsIn
- pointsUp
- EcGoodsLib
- getSkuInventory
- Tools
- CsvTools
- csvImport
- csvExport
- ExcelTools
- importExcel
- exportExcel
- exportHeadExcel
- MailTools
- SmsTools
- sendMessage
- UploadTools
- ExportTools
- exportData
- TaobaoTools
- getOnsaleItems
- getSkusItems
- PicturesTools
- uploadPicture
- Plugins
- WxBase
- Taobao
- 問題反饋