系统功能分析和描述
使用大学信息及院校推荐网站的分为管理员和用户、两个权限模块。
管理员所能使用的功能主要有:首页、站点管理(轮播图、公告栏)用户管理(管理员、学生用户)内容管理(交流中心、交流中心分类、学习资讯、资讯分类)更多管理(推荐信息、学校信息、城市分类)等。
用户可以实现首页、交流中心、公告信息、学校资讯、学校信息。
前言介绍
系统管理也都将通过计算机进行整体智能化操作,对于大学信息及院校推荐网站所牵扯的管理及数据保存都是非常多的,例如管理员;首页、站点管理(轮播图、公告栏)用户管理(管理员、学生用户)内容管理(交流中心、交流中心分类、学习资讯、资讯分类)更多管理(推荐信息、学校信息、城市分类)这给管理者的工作带来了巨大的挑战,面对大量的信息,传统的管理系统,都是通过笔记的方式进行详细信息的统计,后来出现电脑,通过电脑输入软件将纸质的信息统计到电脑上,这种方式比较传统,而且想要统计数据信息比较麻烦,还受时间和空间的影响,所以为此开发了大学信息及院校推荐网站;为用户提供了方便管理平台,方便管理员查看及维护,并且可以通过需求进行内容的编辑及维护等;对于用户而言,可以随时进行查询所需信息,管理员可以足不出户就可以获取到系统的数据信息等,而且还能节省用户很多时间,所以开发大学信息及院校推荐网站给管理者带来了很大的方便,同时也方便管理员对用户信息进行处理
.1管理员用例
管理员登录后可进行首页、站点管理(轮播图、公告栏)用户管理(管理员、学生用户)内容管理(交流中心、交流中心分类、学习资讯、资讯分类)更多管理(推荐信息、学校信息、城市分类),管理员的用例如图
2.2用户用例
用户注册登录后可进行首页、交流中心、公告信息、学校资讯、学校信息管理,用户用例如图
三、学生功能模块
3.1学生首页模块
学生进入到系统操作界面,可以对首页、交流中心、公告信息、学校资讯、学校信息等功能模块,如图
3.2学校资讯模块
通过学校资讯可以查看资讯标题、资讯内容、发布时间、点赞数、浏览数等操作,如图
3.3学校信息模块
学校信息推荐页面可查看学校名称、学校排名、所属城市、图片等信息如图
3.4个人信息模块
通过列表可以获取个人信息、进行详情、修改等操作,如图
四、管理员功能模块
管理员登录成功后进入到系统操作界面,可以对首页、站点管理(轮播图、公告栏)用户管理(管理员、学生用户)内容管理(交流中心、交流中心分类、学习资讯、资讯分类)更多管理(推荐信息、学校信息、城市分类)等功能模块进行相对应操作。
4.1用户管理模块
通过列表可以获取用户名、密码、角色等信息,进行修改或删除操作,如图
4.2学校资讯模块
4.3推荐信息模块
通过列表可以获取学生信息、第一推荐、第二推荐、第三推荐、备注信息等信息,进行删除或修改操作,如图
4.4学校信息模块
该页面可以查看学校名称、学校排名、所属城市、建校时间、学校图片、招生分数线、招生时间等进行修改操作,以及图片的删除操作,如图
4.5城市分类模块
前端技术:nodejs+vue+elementui,
Express 框架于Node运行环境的Web框架,
语言 node.js
框架:Express
前端:Vue.js
数据库:mysql
数据库工具:Navicat
开发软件:VScode
视图层其实质就是vue页面,通过编写vue页面从而展示在浏览器中,编写完成的vue页面要能够和控制器类进行交互,从而使得用户在点击网页进行操作时能够正常。
代码结构讲解
1、 node_modules文件夹(有npn install产生)
这文件夹就是在创建完项目后,cd到项目目录执行npm install后生成的文件夹,下载了项目需要的依赖项。
2、package.json文件
此文件是项目的配置文件(可定义应用程序名,版本,依赖项等等)。node_modules文件夹下的依赖项是从哪里知道的呢?原因就是项目根目录下的这个package.json文件,执行npm install时会去找此文件中的dependencies,并安装指定的依赖项。
3、public文件夹(包含images、javascripts、stylesheets)
这个文件夹做过Web开发的应该一看就知道,为了存放图片、脚本、样式等文件的。
4、routes文件夹
用于存放路由文件。
5、views文件夹
目录
一、前言介绍
二、系统功能分析和描述
2.1管理员用例
2.2用户用例
三、学生功能模块
3.1学生首页模块
3.2学校资讯模块
3.3学校信息模块
3.4个人信息模块
四、管理员功能模块
4.1用户管理模块
4.2学校资讯模块
4.3推荐信息模块
4.4学校信息模块
4.5城市分类模块
五、部分核心代码
5.1登录关键代码
5.2注册关键代码
5.3用户管理关键代码
5.4站点管理关键代码
5.5更多管理关键代码