1. 项目详情页至少要包括3个部分：
接口库 ：难度 *** （接口导入/调试）
用例设置 ：难度 ***** （用接口库的接口组成各种用例/执行/报告/监控）
项目设置 ：难度 * （项目名称/备注/其他管理者 等后续新增的属性修改）
多线程/并发/底层引擎/高可用/信号/正则/shell/架构/组件/自动生成/完全断言/各种报告文档生成/邮件发送/分级报警 等等，按照难度都会先挑简单的下手。
整体设计是：点击项目默认进入 接口库。无论在哪个子页面，都有一个微型的导航/菜单，快速切换到不同的子模块
本节要做出三个空壳子模块，并架构好链接，还有学习首次使用oid来区分不同的数据返回给前端。
首先我们新建三个html，分别取名：
P_apis.html
P_cases.html
P_project_set.html
这三个页面 对应 接口库/用例库/项目设置
然后写点击 项目列表页 的 详情按钮 - 接口库 的整个架构
2. 打开project_list.html，找到 详情 按钮
这里点击后是直接跳转到新页面，不需要调用异步接口。给它加上onclick属性，里面是一句简单的跳转js代码：
<button οnclick="javascript: document.location.href='/apis/{{ i.id }}/'" class="btn-success">详情</button>
urls.py
url(r'^apis/(?P<id>.*)/$', open_apis), # 进入接口库
views.py
# 接口库
@login_required
def open_apis(request, id):
project_id = id
return render(request, 'welcome.html', {"whichHTML": "P_apis.html", "oid": ""})
这里的id是在url中的，要用正则的写法去代表。注意这里一定不要写错，否则404
效果如下，没报错就行
接着把剩余的2个页面弄好
urls.py
views.py
这俩个基本复制 接口库 的，然后改改就好。没啥难点可说
3. 设计P_apis.html
<div style="background-color: black; color: white; text-align: center">
<h2>接口库</h2>
</div>
明明顶格写的div，下降一行呢？上面留出了一行白，很难看。
这个原因其实是因为我们的welcome.html中引入的子页面page。
它本身就在文档流中，被其他按钮挤到下面了。所以我们在子页面中即使顶格写，也会看到没有顶到浏览器顶部。
可以去修改welcome.html，把其中的page1 写成固定坐标，距顶部0px。 但welcome.html属于公共底层部分，动了它，势必导致之前做的所有页面的布局都会变，会引起不可知的后果，所以尽量不要去动这种底层公共的东西。
所以只能继续修改apis.html，把这个div的背景颜色黑色去掉，文字颜色黑色也去掉 即可。之所以前面故意加上颜色，就是要引出上面那段文字，加深理解 子页面和welcome.html的关系。
给接口库加上一个项目名字，以便用户知道它在哪个项目内。为什么要单独说下这个小设计呢，这主要是提前熟悉一下把项目数据带入到这个接口库页面的流程。
<h2>接口库：<span style="color: #ff607c">{{ project_name }}</span></h2>
4. 启用oid
views.py中开发child_json()，得想办法把这个项目数据带给前端
一直以来项目都带着这个空字符串的oid。现在是首次启用。
什么时候用：当进入一个页面需要返回数据时，如果数据一致，没什么特殊区分，那就不需要。不过需要区分，比如这里进入不同的项目详情页，就要带入不同的项目数据的时候，就需要启用oid。此时这个oid里面就是可以用来区分数据的参数，也就是项目id。
现在修改进入接口库函数open_apis()，给oid 的值写成 project_id
views.py
oid=''为oid默认为空，传参则覆盖为参数值
重启服务器刷新页面 看看效果吧～