校园活动项目

项目环境

node.js(16.14.0) npm(8.3.1) mysql(5.7.26) vue(3.2) @vue/cli(5.0.8)

需要mysql sql文件

百度网盘: 链接：https://pan.baidu.com/s/1msdpJlV1s4W81NOptVBXvA?pwd=1234 提取码：1234

在文件夹中运行 注意：也需要在server目录下运行

npm install

server 目录及是服务器目录

运行方式 进入server目录运行:

npm run start

项目运行

npm run serve

项目打包

npm run build

目录结构

src---
    ---common  //公共视图
    ---components  //私有组件
        --- common //公共组件
        --- my  //对应我的页面组件
        ....
        style.css   //公共样式
    ---request   //axios请求
       --- api   //一些组件的api
       --- my    //对应我的页面内的api
       ....
       index.js   // axios根文件
     ---router    // 路由
     ---store     //vuex
     ---views     //页面视图
     ---app.vue
     ---main.vue
     
 server服务器目录结构
   ---server
        ---mysql    //mysql数据库配置文件
        ---javascript   //里面只有一个处理路径文件
        ---public       //网络资源文件
              ---upCommentsimg   //存放评论图片
              ---upFile     //存放上传活动相关文件
              ---upload    //上传头像
         ---router
            ---download   //上传处理模块
            ---dynamic    //动态页面的处理模块
            .....
         ---app.js        入口文件

项目相关

该项目还有配套的后台管理系统 项目地址: https://github.com/bfzg/vite-vue3.2-js-node-mysql-

时空胶囊
    这个项目到此也算初步结束了 翻看早以前写的代码，自己都觉得看不下去，许多地方完全就是“绕大弯”，但谁不是一路磕磕绊绊？。
    回想一路走来从最开始 学习网络，再到后来 网络安全 等，再到后来确定 前端，从 简单的html，css再到JavaScript，当时认为 哎真简单。
    后来接触 ajax ，less，sass，node，npm，vue2，element，vant，vue3，axios，express，uniapp，webgl，unicloud，mysql，mongodb各种npm包,真是越发感觉自己的不足，还有基础的薄弱，真实感觉人外有人，天外有天。学习之路应保持谦虚，切勿骄傲。。。 回想一路走来的艰辛也只有自己知道，留言至此 4年后的自己留念，，，，，文章到此，人生继续。