update beta site

README.md

@@ -2,7 +2,9 @@
 
 一个基于 vue 和 gin 实现的在线观影网站
 
-效果展示: <a href="https://m.mubai.link/" target="_blank">点击访问演示站点</a> 
+效果展示: <a href="https://m.mubai.link/" target="_blank">点击访问演示站点</a>  
+
+新版本测试访问站点: [点击前往](http://1.94.30.26:3600/index)
 
 ## 简介
 
@@ -35,6 +37,12 @@
 - 使用中出现问题可在项目 Issues 中进行描述, 有需要添加的新功能和好的建议也可以提供
 - 新版本安装方法以及使用说明请查看本项目 film 文件夹下的说明文件
 
+>新增内容:
+>
+>- 新增新版本线上测试地址: [点击访问](http://1.94.30.26:3600/index)
+>- 新增首页轮播组件, (宽度是否满屏待定)
+>- 更新部分按钮连接跳转异常问题
+
 ## 目录结构
 
 - client 客户端项目目录 [Client简介](./client/README.md)

client/src/views/index/Home.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <div class="hidden-sm-and-up banner_wrap" @touchstart="touchS" @touchend="touchE" >
-      <el-carousel  v-model="data.banner.current" ref="wrap"  :interval="3000" trigger="hover" height="200px" arrow="never" >
+      <el-carousel  v-model="data.banner.current" ref="wrap"  :interval="5000" trigger="hover" height="200px" arrow="never" >
         <el-carousel-item v-for="item in banners" :key="item"  >
           <el-image style="width: 100%; height: 100%;" :src="item.picture" fit="fill"/>
           <p class="carousel-title">{{ item.name }}</p>
@@ -11,7 +11,7 @@
     <div class="banner hidden-sm-and-down"
          :style="{background:`url(${data.banner.current.picture})`, backgroundRepeat: 'no-repeat', backgroundSize: 'cover'}">
       <div class="preview">
-        <el-carousel @change="carousel" :interval="3000" height="240px" arrow="always">
+        <el-carousel @change="carousel" :interval="5000" height="240px" arrow="always">
           <el-carousel-item v-for="item in banners" :key="item">
             <el-image style="width: 60%; height: 80%;border-radius: 5px;" :src="item.poster" fit="contain"/>
             <div class="carousel-tags">
@@ -69,6 +69,10 @@ import {onBeforeMount, reactive, ref} from "vue";
 import {ApiGet} from "../../utils/request";
 import FilmList from "../../components/index/FilmList.vue";
 import {ElMessage} from "element-plus";
+import Banner01 from '../../assets/image/banner/banner01.jpg'
+import Banner02 from '../../assets/image/banner/banner02.jpg'
+import Banner03 from '../../assets/image/banner/banner03.jpg'
+import Banner04 from '../../assets/image/banner/banner04.jpeg'
 
 
 // 轮播数据拟态
@@ -78,28 +82,32 @@ let banners = [
     year: 2012,
     cName: '动漫',
     poster: 'https://img.bfzypic.com/upload/vod/20230424-43/06e79232a4650aea00f7476356a49847.jpg',
-    picture: 'https://s2.loli.net/2024/02/21/Wt1QDhabdEI7HcL.jpg'
+    picture: Banner01,
+    // picture: 'https://s2.loli.net/2024/02/21/Wt1QDhabdEI7HcL.jpg'
   },
   {
     name: '从零开始的异世界生活',
     year: 2016,
     cName: '动漫',
     poster: 'https://img.bfzypic.com/upload/vod/20230424-29/82e3aec3f43103fa1b7e5a0e7f7c3806.jpg',
-    picture: 'https://s2.loli.net/2024/02/21/UkpdhIRO12fsy6C.jpg'
+    picture: Banner02,
+    // picture: 'https://s2.loli.net/2024/02/21/UkpdhIRO12fsy6C.jpg'
   },
   {
     name: '五等分的新娘',
     year: 2020,
     cName: '动漫',
     poster: 'https://img.bfzypic.com/upload/vod/20230424-38/dfff403cfd9a5b7d6eed8b4f1b3dedb1.jpg',
-    picture: 'https://s2.loli.net/2024/02/21/wXJr59Zuv4tcKNp.jpg'
+    picture: Banner03
+    // picture: 'https://s2.loli.net/2024/02/21/wXJr59Zuv4tcKNp.jpg'
   },
   {
     name: '我的青春恋爱物语果然有问题',
     year: 2018,
     cName: '动漫',
     poster: 'https://img.bfzypic.com/upload/vod/20230424-37/e5c9ec121c2cba230243c333447e818a.jpg',
-    picture: 'https://s2.loli.net/2024/02/21/oMAGzSliK2YbhRu.jpg'
+    picture: Banner04,
+    // picture: 'https://s2.loli.net/2024/02/21/oMAGzSliK2YbhRu.jpg'
   },
 ]
 

client/vite.config.ts

@@ -13,6 +13,7 @@ export default defineConfig({
         proxy: {
             "/api": {
                 target: `http://127.0.0.1:3601`,
+                // target: `http://1.94.30.26:3601`,
                 changeOrigin: true, // 允许跨域
                 rewrite: path => path.replace(/^\/api/, '')
             }

server/main.go

@@ -7,17 +7,18 @@ import (
 	"server/plugin/SystemInit"
 	"server/plugin/db"
 	"server/router"
+	"time"
 )
 
 func init() {
 	// 执行初始化前等待20s , 让mysql服务完成初始化指令
-	//time.Sleep(time.Second * 20)
+	time.Sleep(time.Second * 20)
 	//初始化redis客户端
 	err := db.InitRedisConn()
 	if err != nil {
 		panic(err)
 	}
-	// 初始化mysql
+	// 初始化mysql00000
 	err = db.InitMysql()
 	if err != nil {
 		panic(err)