前言：笔者曾经有18年的硬件研发经验，从（1）51单片机到（2）FPGA到（3）嵌入式ARM(ARM9到CORTEX A9)全都研发设计过，产品从（1）B超的整机研发到（2）智能家居系统到（3）无线电监测机到（4）平板电脑研发到（5）路灯智能控制到（5）工业电脑均有涉及，从（1）普通的电子技术工程师到（2）副总工程师到（3）副总经理到（4）事业部总经理。。。从2017年开始转到系统软件框架，而且偏向于物联网方面的系统，组建了自己的物联网项目研发团队，我们从0开始搭建一个中型物联项目平台，从底层硬件到物联后台到移动端到物联项目的盈利模式。。。。我们一直的路上，努力在三年内打造国内较好的物联网整体解决方案，如有需要合作的大型传统企业转型到物联网+可以直接和我联系！QQ：876477059。好了，开始教你学习用spring boot搭建一个我们落地的完整项目模块--客户管理部分。
今天是：2018年6月10日 研究主题：客户管理模块从前端到后台之客户管理html相关页部分分析
一、新建user.html的文件，主要用于登录后客户管理首页显示
开始编写user.html
1、<span> 标签被用来组合文档中的行内元素，比如：在CSS文件里 对color1 这个值进行设置。 而 这一句 <span ID="color1"> 就是把CSS里设置好的样式读出出来。
<span id="spanFirst">首页</span>
2、<i></i>之间的字体显示为斜体字
<li class="navList active"><a href="/admin"> <i class="iconfont"></i><span>客户管理</span></a></li>
3、<a href ....>是指连接文件，相当于跳转到的网页
<li class="navList active"><a href="/admin"> <i class="iconfont"></i><span>客户管理</span></a></li>
4、html中div id与div class的区别是什么？
<div class="personBox"> <div id="person">
5、div和span的区别是：div只占一行，而span可以占多行。<div>是块级元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。<span>是内联元素。内联元素一般都是基于语义级(semantic)的基本元素，内联元素只能容纳文本或者其他内联元素。
<div class="tag1"> <span>客户管理</span> </div>
6、thead代表表头；table代表表格；tr代表行或横；td代表单元格或竖；tbody表示放数据本体；tfoot放表格的脚注；
<table id="table" width="100%"> <thead> <tr> <th>序号</th> <th>设备图片</th> <th>设备名称</th> <th>设备室</th> <th>购买日期</th> <th>备注</th> <th>操作</th> </tr> </thead>
7、我们的登陆login.html出的部分效果如下：
8、登陆后的部分首页显示内容user.html如下：
9、用户管理useradmin.html部分显示内容如下：
10、新增用户adduser.html部分显示内容如下，其中牵涉到option的知识点：option 元素定义下拉列表中的一个选项（一个条目）；
11、设备管理device.html里面，由于是物联网项目，必须要对终端设备进行管理，这个是研发的库存设备，必须出厂前进行添加
OK，由于牵涉到部分商业机密，暂时不能显示全部html内容，请谅解！