本帖最后由 gjianw217 于 2015-8-27 23:52 编辑

      前一篇简单介绍了基于OK210智能家居系统的组成以及Boa服务器的搭建。这篇是系统篇的第2篇，介绍基于OK210的智能家居系统之前端设计。主要包括：

•       网页前端设计概述
  

•       服务器前端设计:Boostrap引入，主界面、登录界面和界面，完善界面功能
  

•       OK210移植
  

一、 网页前端设计概述
      网页的前端设计，主要是通过HTML，CSS文件和JavaScript来实现，其中HTML是 Hyper Text Markup Language（超文本标记语言）的缩写，超文本的意思就是在页面内可以包含图片、链接、视频等非文字元素，它是网页开发的基础之基础。CSS是Cascading Style Sheet（层叠样子表）的缩写，它的出现解决了网页表现和内容分离，是目前基于文本展示最优秀的表现设计语言。而JavaScript是一种属于网络的脚本语言,主要用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果，值得一提的是，JavaScript和Java没有半毛钱关系。
      以上3种语言只是设计网页的基础，一般为了方便开发和提高开发效率，都使用现有的框架，而不是重复造轮子。当前比较流行的框架有：easyUI、Extjs和Bootstrap，其中：easyUI基于jQuery，免费的各个控件相对独立；Extjs更高级一些控件与控件直接的交互用起来会很方便，要收费；Bootstrap相对前两个来说在控件上面会差很多，但是在不同终端的兼容性方面做得很好，就是电脑、手机、平板等这些，这一点是前两个无法比的。一般easyUI和Extjs是用来做后台管理系统的，Bootstrap是做网站界面的。
   Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得Web 开发更加快捷。具有友好的学习曲线，卓越的兼容性，响应式设计，12列格网，样式向导文档，自定义JQuery插件，完整的类库，基于Less等特点，详细可去官方查看。
二、服务器前端设计
先看一下前端设计最后生成的文件目录：

            

              

              

Label

              Something else