黑马程序员技术交流社区

标题: 【石家庄校区】进行项目阶段的紧张的敲代码 [打印本页]

---

作者: 樊尚佳    时间: 2019-8-1 16:33
标题: 【石家庄校区】进行项目阶段的紧张的敲代码
青橙的项目进行了已经有八天了，好紧张啊，感觉自己差的很多啊，趁着这个自习，狠狠地往回补了补。
一下是我今天学习的主要内容。
1 规格参数模板列表查询

（1）修改template.html页面，添加方法

goSpec(id){ //规格管理
    location.href="spec.html?templateId="+id;
},
goPara(id){ //参数管理
    location.href="para.html?templateId="+id;
}

在表格的模板列中添加两个按钮

<el-button @click="goSpec(scope.row.id)" type="text" size="small">规格管理</el-button>
<el-button @click="goPara(scope.row.id)" type="text" size="small">参数管理</el-button>

适当调整列宽度，让其看起来舒服一点

（2）修改spec.html ，引入util.js

在下发的 /资料/前端相关/util.js 引入到  qingcheng_web_manager 项目中的 webapp文件下的 js 文件中

<script src="/js/util.js"></script>

util.js中提供了可以获取地址栏参数的方法getQueryString

修改created钩子函数的第一行，添加代码

this.searchMap={templateId: getQueryString("templateId")};

添加返回按钮

<el-button type="primary" onclick="location.href='template.html'">返回模板</el-button>

（3）修改parameter.html，步骤同spec.html

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2