Goal
1、实现文件进行增删查改的操作。
2、vaspView页面的优化。
3、vaspFile页面的优化。
4、将导航栏作为模板,引入页面,减少代码量。
What I Get
1、导航栏作为模板,引入页面
- 之前的一些尝试
- AngularJs的ng-include
<div ng-include="'myFile.html'"></div>
ng-include 指令用于包含外部的 HTML 文件,包含的内容将作为指定元素的子节点,可以将myFile.html的内容显示出来。这种方法在本地可以成功显示,但是在服务器上不能成功显示,提示找不到该页面。 - 采用js方法
将header.html文件转为header.js文件,然后在相应引用的地方引入
<script language="javascript" type="text/javascript" src="../../static/js/header.js"></script>
但是目前还存在bug:点击MyJob按钮,无法正常跳转到对应的页面。
2、文件的增删查改操作
目前想法:
* 文件的增加操作已经实现。
* 删除、查看、修改操作
已上传文件会以列表的形式显示。
File Id | File Name | Operation |
---|---|---|
1 | example1 | (view) (delete) |
2 | example2 | (view) (delete) |
3 | example3 | (view) (delete) |
* 点击view,可以查看对应的文件
点击后,会弹出一个窗口,在窗口内可以对文件进行修改,并且保存。
* 点击delete,可以删除对应的文件
删除example2后,example3的ID会变成2
File Id | File Name | Operation |
---|---|---|
1 | example1 | (view) (delete) |
2 | example3 | (view) (delete) |