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

目录

前言

维护平台：

操作环境：

基本功能

文章的增删改查

首页文章

栏目页面文章

发布上线

进阶功能

添加组件

寻找类似的组件

修改组件样式

获取别的网站的源代码：

注意事项

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

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

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

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

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

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

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

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

计算机科学与技术学院

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

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

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

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

同上。

等待.......

步骤如下：

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

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

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

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

我用的是：

Save All Resources插件