对接苹果CMS芒果影视APPV1.0(附安装教程+源码支持多端)内置采集脚本

发布时间:2024年01月14日

概述

影视类的APP开源的有很多打算自己写一个简单一点的,当前1.0版本只设计了最基本的功能,登录和收藏点赞可能会在2.0上线,该项目简单易对接自己的业务逻辑,希望大家能喜欢!

1. 演示效果

在这里插入图片描述

1.1 视频演示

1.2 图文演示

1.2.1 首页

在这里插入图片描述

1.2.2 专题页

在这里插入图片描述

1.2.3 搜索

在这里插入图片描述

1.2.4 观影

在这里插入图片描述

2. 支持功能

  • 搜索🔔
  • 专题🔔
  • 分类🔔
  • 观影🔔
  • 基本使用功能🔔

3. 插件和框架

B-UI框架
在这里插入图片描述

uni-search-bar
在这里插入图片描述

4. 部署方法

下载附件到桌面上
在这里插入图片描述

4.1 后端

4.1.1 准备工具

  • Linux服务器(推荐安装宝塔)
  • PHP 7.3
  • MYSQL 5.6+

4.1.2创建站点

4.1.3 上传后端代码到服务器

将后端文件夹下的所有文件上传上去,可以选择压缩的方式上传
在这里插入图片描述
上传后截图如下:
文件位于网站根目录在这里插入图片描述

4.1.4 导入数据库

自行创建数据库,然后导入sql文件即可(位置:后端\数据库文件)
在这里插入图片描述
在这里插入图片描述
创建成功后上传sql文件,点击导入即可
在这里插入图片描述

4.1.5 配置数据库信息

找到application/database.php修改数据库为你自己的账号密码,例如我的:

return [
    // 数据库类型
    'type'            => 'mysql',
    // 服务器地址
    'hostname'        => '127.0.0.1',
    // 数据库名
    'database'        => 'testaa',
    // 用户名
    'username'        => 'testaa',
    // 密码
    'password'        => '123456',
    // 端口
    'hostport'        => '3306',
    ]

配置接口数据库信息,找到位置moive/conn.php,我的如下,请自行改成与之对应的数据库信息即可

<?php 
//连接数据库
$conn=mysqli_connect('localhost','testaa','123456','testaa') or die("连接失败");
mysqli_query($conn, "set names utf8");
//设置编码 

?>

4.1.6访问后台管理系统

访问http://你的域名/admin.php即可进入到后台管理系统,账号密码:

  • admin
  • 123456
    在这里插入图片描述
    登陆进入,表明安装完成

4.2 前端

4.2.1 准备工具

  • HbuilderX
    在这里插入图片描述

4.2.2 打开导入项目

修改config文件夹下的URL,改成你自己的域名,注意’/’
在这里插入图片描述
点击APP.vue文件,找到工具顶部的运行
在这里插入图片描述
运行起来有数据表明安装成功,打包的话亦是如此
在这里插入图片描述

使用教程

采集方法

后台找到采集插件,采集即可,功能使用部分自行研究
在这里插入图片描述

专题设置

这里设置后,同步网站和APP
在这里插入图片描述

在这里插入图片描述

核心逻辑

import http from '@/config/http.js'

// 挂载到全局
Vue.prototype.$http = http

// #ifndef VUE3
import Vue from 'vue'
import './uni.promisify.adaptor'
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
  ...App
})
app.$mount()
// #endif

// #ifdef VUE3
import { createSSRApp } from 'vue'
export function createApp() {
  const app = createSSRApp(App)
  return {
    app
  }
}
// #endif

// 在 main.js 的最后面添加如下文件
require("@/uni_modules/b-ui/js/main.bundle.js");

附件下载

下载链接

文章来源:https://blog.csdn.net/qq_35230125/article/details/135273989
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。