littlebot
Published on 2025-04-16 / 0 Visits
0

【源码】基于Laravel框架和Vue.js的社团网站系统

项目简介

本项目是一个社团网站系统,后端采用PHP的Laravel框架搭建,前端使用Vue.js框架。借助众多Web和PHP相关的第三方库与插件,为社团打造了一个功能丰富、便于管理和使用的网站。

项目的主要特性和功能

  • 前端功能丰富:运用Vue、Vuex、Vue - router等Vue生态工具,结合jQuery、Bootstrap等前端库,实现页面交互、数据管理、路由导航等功能。还利用Echarts进行数据可视化,Sweetalert2实现弹窗提示。
  • 后端稳定可靠:基于Laravel框架,借助predis/predis等扩展,保障后端逻辑处理和数据存储的稳定性。支持与学校相关接口对接,方便社团进行信息管理。
  • 数据安全保密:对于涉及同学个人隐私的数据,有严格的保密措施,确保数据安全。

安装使用步骤

后端安装

  1. 复制本仓库并切换到dev分支 bash git clone https://git.xjtuana.com/xjtuana/website-2017.git cd website-2017
  2. 使用composer安装第三方依赖。注意PHP需要开启相关扩展:php-curlphp-domphp-iconvphp-pdo_mysqlphp-simplexmlphp-soapphp-socketsphp-zipbash composer install
  3. 复制.env文件 bash cp .env.example .env
  4. 生成APP_KEY bash php artisan key:generate
  5. 配置环境变量。在.env文件中配置相关的数据库连接等,最下方的XJTUANA开头的一些配置项是关于使用学校相关接口的,想要使用向部长申请。这里只公布CAS代理供登录使用: XJTUANA_CAS_PROXY_VERSION=v1 XJTUANA_CAS_PROXY_PROTOCOL=https XJTUANA_CAS_PROXY_HOSTNAME=ana.xjtu.edu.cn XJTUANA_CAS_PROXY_PREFIX=/casproxy
  6. 配置数据库。前往database - backup仓库中,将其中的sql文件导入开发环境的数据库中。注意,数据中涉及同学的个人隐私,请务必注意保密。
  7. 启动Laravel。通过artisan命令,即可启动本地开发服务器 sh php artisan serve

前端安装

  1. 新开一个命令行窗口,使用yarn安装依赖: bash yarn install
  2. 开发前端代码,监听变化: bash yarn run dev
  3. 开发完成后,构建线上部署文件时使用build命令: bash yarn run build

代码提交和更新

  • master分支禁止直接push,更新的代码要pushdev分支。
  • dev分支随时可能会有其他人的更新,你可能需要经常使用git pull等操作将更新合并到你的本地仓库中。注意如果你本地仓库和远程仓库不一致,直接使用git pull可能会因为冲突而失败,可以用git fetch, git merge等方式处理冲突。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】