选项卡的编写

《选项卡的编写》
开发工具与关键技术：Visual Studio /SQL数据库
作者：肖春庆
撰写时间：2019年05月23日
在我们使用软件或者访问网站的过程当中，会应用到多种动态的页面切换。一般会使用选项卡，来实现页面切换。它与页面跳转的本质有所不同。选项卡在自身页面上不变的情况下实现内容的切换。而不是页面与页面之间的变换跳转。在页面的一块区域里规划一个视图编写出选项卡一开始的状态。注意要编写用户点击切换的按钮和对应的页面，要计划好视图与控制器的关系。
选项卡实现的功能有很多，它主要是展现出动态效果的页面的切换，用户点击对应的按钮的时候实现相对页面切换。当用户点击第三个切换按钮的时候触发页面切换到对应的第三个页面。如此类推。

首先是视图的编写，应用HTML的布局，应用div标签和li标签进行页面按钮的编写和视图提示的文字。页面1和按钮1是对应的，点击第三个按钮，文字提示的内容是权限分配，所以第三个页面的编写内容和权限匹配的内容是一致。这样用户在使用该页面的时候就容易找到自己要应用的功能。
应用

• 和
• 表把对应的按钮关联布局起来，把初始值的按钮给一个类，当用户哪一个按钮的时候这一个类，实现随着按钮变化。把按钮和页面一一对应关联起来。按钮的初始值对应的页面也要设定它的初始值。其它页面的一开始是隐藏的，只有在用户点击按钮触发是它们才出现。注意开发者在页面布局的时候要在按钮中的文字提示的内容有和页面的内容关联。
  
  声明一个函数1获取视图中按钮所在的
• 标签，又声明一个函数2获取页面所在的标签
  ，并且使它的初始值为零。如果按钮函数是存在的情况下，注意函数与函数之间是不相同的。声明一个变量记录视图的状态，初始值为零，在不超出页面的情况下实现自增，用户点击间隔了多少个按钮，页面绑定记录i加以间格的数量。把之前的页面进行关闭，记录页面所在的类随着记录用户点击间隔的i而变化，页面所在的类是打开在视图的状态的，也就是说，记录的视图状态的类型是随着用户的应用触发而变化。
  
  选项卡的应用编写有很多种，其中layui就封装了多种大同小异选项卡提供开发者选择。实现把页面布局好，引用插件进来。动态功能部分也要应用进来。在视图中把layui事先布局好的代码进行复制过来使用，即可。注意要在