使用博达高校网站维护学校官网

目录

前言

维护平台：

操作环境：

基本功能

文章的增删改查

首页文章

栏目页面文章

发布上线

进阶功能

添加组件

寻找类似的组件

修改组件样式

获取别的网站的源代码：

注意事项

---

前言

该md旨在给团队后面有需要维护学校官网任务的同学使用。

维护平台：

http://gl.hist.edu.cn:8080/system/login.jsp

这是登录进去后的页面，可以看到，这是个充满年代感的页面。

说实话，这里面的业务功能让我佩服，感觉怪麻烦的，但我不知道为什么不维护，更新更新。

操作环境：

兼容IE的双核浏览器（如360浏览器，edge浏览器等）

我用的是360浏览器，因为edge浏览器开启IE模式，在修改官网过程中不知道为什么，F12打开开发者模式，获取不到DOM元素。

所以，最好先下载个360浏览器😥。

基本功能

咱统一拿计科院的官网为例子吧（刚好也是我参与上线的）。

计算机科学与技术学院

文章的增删改查

首页文章

可以看到，上面都是首页对应的文章，那这些文章在哪发布，修改呢？

上面的文章：“学院新闻”，按照一下步骤：

点击“维护材料”，咱们就能来到对应的“资料管理”页面，里面有对应的文章，可进行对应的crud。

点开任意文章，能进行对文章的修改：

栏目页面文章

同上。

发布上线

等待.......

进阶功能

添加组件

步骤如下：

下图可看见对应的组件引入的占位代码：

<!--#begineditable clone="0" namechanged="0" order="4" ispublic="0" tagname="学院新闻" viewid="252793" contentviewid="" contype="" stylesysid="" layout="" action="" name="学院新闻"-->elementname<!--#endeditable-->

可在此修改引入组件的代码：

寻找类似的组件

修改组件样式

样式表（图1）中可修改对应的样式，但建议在css（图2）中直接改，前提是页面需要提前引入样式（图3）

获取别的网站的源代码：

如何快速获取网页源码(直接把网站的 js css html 扒下来的)_pch平凡之路的博客-CSDN博客

我用的是：

Save All Resources插件

更多功能可以自己多摸索摸索，也可以问问学长学姐试试。

注意事项

• 不要乱删除模块，可能造成难以恢复的后果
• 官网如果突然卡死属于正常现象，可以重新登陆试试
• 如果是新的官网，“发布网站”后网址可能还是没效果，这个要老师联系对应的人员
• 不要上传没做好的模块，做好最好先给老师看看效果
• 不用害怕老师（尤其是不是咱们学院的老师）