51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前后端分离,C#、Vue、实现的在线学习考试系统

项目说明

前后端分离,C#、Vue。web端采用ElementUI,手机端采用VantUI,管理后台采用WebdeskUI。直播、视频学习、试题练习、测试、考试、学习证明、成绩打印,实现"学、练、考"一体。私有化部署,微信支付、支付宝支付,收益全掌控。

  • 适用:大学、中职中专、培训机构、企事业单位

  • 行业:企业内训、成人教育、技能培训、继续教育


技术特点

  • 前后端分离(自研架构),C#、Sqlserver、Vue

  • web端采用ElementUI,手机端采用VantUI,管理后台采用WebdeskUI

开发环境

  • 采用C#;基于.Net 4.6.2

  • 数据库采用Sqlserver2008或更高版本

  • 开发工具 Microsoft Visual Studio Community 2019

源码说明
在源码的解决方案中主要有五个项目,分别如下:

  • Song.WebSite

    • 起始项目,系统的所有前端页面都在这里,一切从这里开始执行;

    • 第一次打开解决方案时,也许它不是起始项目,需要手工设置一下;在该项目名称上点鼠标右键,选择"设置为启动项目"

  • Song.ViewData

    • 前端接口,前端页面需要的数据,都是从这里获取;基于RESTFUL API接口规范
  • Song.Entities

    • 数据实体,系统采用了ORM框架,实体对应数据库表结构;

    • 这里的代码全部由代码生成器生成,非常不建议手工更改;代码生成器(WeiSha.Data.Generete.exe)可以在"/Sourcecode/Lib"文件夹获取到。

  • Song.ServiceInterfaces

    • 业务层接口,系统由之前的三层架构升级而来,采用spring.net的IOC模块实现表现层与业务层的低耦合;

    • 调用接口的方法示例:Business.Do().AccountsSingle(id); 其中IAccounts中接口名称,AccountsSingle为方法名;

    • 在调用接口前,需要在web.config中的"configuration/spring/objects"节点配置 <object id="IAccounts" type="Song.ServiceImpls.AccountsCom,Song.ServiceImpls" />

  • Song.ServiceImpls

    • 业务层接口的实现

界面展示

‍‍‍移动端‍

|---------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------| | | |

课程学习(移动端)

|---------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------| | | |

学习与考试(移动端)

|---------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------| | | |


其它功能

|---------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------| | | |


学员中心(web端)

后台管理

安装部署

  • 1、数据库部署

  • 手工创建数据库examweisha,然后执行安装文件中提供的script.sql即可。

  • 2、程序部署

  • 将部署文件解压。

  • 建设IIS站点, 将网站"主目录"指向程序文件夹,绑定合适的域名或端口;

  • 将站点的应用程序池设置为".Net CLR 版本 4.0",其余默认即可,托管管道模式选择默认的"集成",不要选择"经典"。

  • 3、配置数据库连接

  • 在站点的根文件夹下找到db.config,用记事本打开

    <connectionstrings><add name="weisha100.cn" connectionString="Data Source=192.168.1.212;Initial Catalog=examweisha;User ID=sa;password=weisha;" providerName="WeiSha.Data.SqlServer9.SqlServer9Provider" /></connectionstrings>
    
  • 说明如下:

    Data Source=(数据库服务器的IP地址);Initial Catalog=(数据库名称);User ID=(数据 库管理账号);password=(密码);
    
  • 检查数据库连接
    打开/help页面,选择左侧菜单项"检测数据库",查看链接是否正确

  • 4、上传权限设置

  • 学习系统上传资料(例如课程图片、学员照片等)需要有文件写入权限。上传资料的默认文件夹是~/upload/,当然也可以在web.config中修改。

  • 设置步骤:在该文件夹上点鼠标右键->属性->安全(选项卡)->编辑(按钮)->添加(按钮 )->高级(按钮)->立即查找 此时在查询结果中,找到NETWORK SERVICE,也可以用Everyone(安全性较低) ,建议用NETWORK SERVICE。双击NETWORK SERVICE->点击确定按钮->(回到了"安全"的界面)->设置权限 为"完全控制",确定即可。

赞(5)
未经允许不得转载:工具盒子 » 前后端分离,C#、Vue、实现的在线学习考试系统