zouyifeng / education-system-frontend

:mushroom: 教务系统前端模块、微信公众号开发

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

education-system-frontend

系统为简易的基于微信教务系统,这里是前端模块,基于vue以及vue组件库element-ui,打包工具webpack。后台模块在这里

请支持下点个star哈~

启动

# install dependencies
npm install

# 访问localhost:8080,由于开启代理,开发模式下请求直接代理到后台(须将后台模块运行起来)
npm run dev

# build for production with minification
npm run build

功能

  • 登录/登出
  • 权限验证
  • 侧边栏
  • 富文本编辑器
  • 请求代理
  • 七牛云文件上传
  • 微信模板消息推送
  • 微信登陆验证
  • 微信端在线翻译
  • ...

注意

本地静态服务器跑起来时,是通过代理服务器将ajax请求对接到对应的后台模块,此处需要将后台模块部署到Tomcat服务器并同时运行(如何运行后台模块),才能对网站进行交互操作。

预览

校园动态模板消息和微信端动态详情

管理员在后台登陆后,发布一条新闻,已关注公众号的粉丝微信将接收到一条消息推送,点击查看详情。

校园动态模板消息 微信端动态详情

新增教师

新增教师个人信息,上传图片,参加班级。

新增教师

管理员编辑新闻

管理员编辑新闻,可上传图片。上传完成后可推送到微信端。

管理员编辑新闻

班级课程表

查看本班该周的课程。

班级课程表

班级排课页面

选定班级后,按照课时数,上课周期和规则,生成课时。

班级排课页面

About

:mushroom: 教务系统前端模块、微信公众号开发


Languages

Language:Vue 77.0%Language:JavaScript 22.2%Language:SCSS 0.4%Language:HTML 0.3%