算法链配置工具开发记录

实际上就是写一个HTML页面，通过JS写一些脚本函数来实现字符串处理和变换。

 

　

整个基本上是通过原生的一些用法来写的，记几个关键的地方吧，我也是边学边做。

整个居中的样式还有表格的样式（灰白相间）采用bootstrap框架的css部分。

具体就是：

<div class="container">

<table class="table table-striped table-bordered" >

 应该去学一下这个框架应该也能发现其他很多好用的class直接使用即可，可以让UI变的美观。

 

下拉框使用select 如：

　<select name="Version" id="Version">

        <option value="1">1</option>

        <option value="2">2</option>

    </select>

 

复选框（原本是有做复选框的后来删了就是多个选择一个或者0个） ：

<form>

     <input type="radio" name="reranking_choose" value="reranking_busi_name" id="reranking_busi_name_choose" checked> reranking_busi_name

     <input type="radio" name="reranking_choose" value="reranking_rule" id="reranking_rule"> reranking_rule

</form>

单选使用checkbox即可，复选框可以通过checked预设选中的选项。

文本框输入使用text，以上这些都是表单元素，提供交互（input）

 

 “增加行” 功能 

<table class="table table-striped table-bordered" id="tab">

...

var tab=document.getElementById('tab');

 tab.innerHTML+='...';

 

 

转载于:https://www.cnblogs.com/caozy623/p/11277193.html