一、详细介绍
uniapp+vk框架打造的一站式软件库源码,含软件商店与直播盒子功能
前端部署教程:
解压并导入源码:
将源码文件解压后导入到HBuilder中。
展开文件目录,找到unicloud文件夹,右键选择“关联服务空间”,选择你刚刚创建的服务空间,然后一路确认。
初始化云数据库:
在unicloud目录下,找到database文件夹中的db_init.json文件。
右键db_init.json文件,选择“初始化云数据库”。
运行与打包:
在顶部导航栏找到“运行”,选择“运行到内置浏览器”。
如果程序正常运行无误,可以进行打包。
打包步骤:点击顶部导航栏的“发行”,选择“原生APP打包”,然后等待打包完成。
后台管理部署教程:
解压并导入源码:
将后台管理源码文件解压后导入到HBuilder中。
展开文件目录,找到unicloud文件夹,右键选择“关联服务空间”,在“绑定其它项目服务空间”中找到你刚才前端项目的app名称,确认关联。
运行后台管理:
在顶部导航栏找到“运行”,选择“运行到内置浏览器”。
打包后台管理:
在顶部导航栏点击“发行”。
选择“网站PC”,勾选“将编译后的资源部署到前端网页托管”。
点击“发行”,等待打包完成,完成后即可获取后台管理地址。
二、效果展示
1.部分代码
代码如下(示例):
<view class="page-body no-user-select">
<view class="login-view">
<!-- <image class="image" src="../../static/logo4.png" mode="aspectFill" style="width:300rpx;"></image> -->
<text class="login-title">软件商店后台管理</text>
<el-form :model="form1" status-icon :rules="rules" ref="rule1" label-width="60px" class="form-view">
<el-form-item label="账 号" prop="pass" class="form-item">
<el-input class="input" type="text" v-model="form1.username" placeholder="请输入用户名"></el-input>
</el-form-item>
<el-form-item label="密 码" prop="checkPass" class="form-item">
<el-input class="input" type="password" v-model="form1.password" show-password placeholder="请输入密码"
maxlength="20"></el-input>
</el-form-item>
<view class="password-box">
<view class="remember-password">
<el-checkbox v-model="checked">
<text class="tips" style="font-size: 12px;">记住密码</text>
</el-checkbox>
</view>
<view class="forget-password">
<text @click="forgetPassWord" style="font-size: 12px;">忘记密码?</text>
</view>
</view>
<el-button class="login_but" type="primary" @click="submit">登录</el-button>
</el-form>
</view>
</view>
2.效果图展示