内容目录一、详细介绍二、效果展示1.部分代码2.效果图展示一、详细介绍uniappvk框架打造的一站式软件库源码含软件商店与直播盒子功能前端部署教程解压并导入源码将源码文件解压后导入到HBuilder中。展开文件目录找到unicloud文件夹右键选择“关联服务空间”选择你刚刚创建的服务空间然后一路确认。初始化云数据库在unicloud目录下找到database文件夹中的db_init.json文件。右键db_init.json文件选择“初始化云数据库”。运行与打包在顶部导航栏找到“运行”选择“运行到内置浏览器”。如果程序正常运行无误可以进行打包。打包步骤点击顶部导航栏的“发行”选择“原生APP打包”然后等待打包完成。后台管理部署教程解压并导入源码将后台管理源码文件解压后导入到HBuilder中。展开文件目录找到unicloud文件夹右键选择“关联服务空间”在“绑定其它项目服务空间”中找到你刚才前端项目的app名称确认关联。运行后台管理在顶部导航栏找到“运行”选择“运行到内置浏览器”。打包后台管理在顶部导航栏点击“发行”。选择“网站PC”勾选“将编译后的资源部署到前端网页托管”。点击“发行”等待打包完成完成后即可获取后台管理地址。二、效果展示1.部分代码代码如下示例viewclasspage-body no-user-selectviewclasslogin-view!-- image classimage src../../static/logo4.png modeaspectFill stylewidth:300rpx;/image --textclasslogin-title软件商店后台管理/textel-form:modelform1status-icon:rulesrulesrefrule1label-width60pxclassform-viewel-form-itemlabel账 号proppassclassform-itemel-inputclassinputtypetextv-modelform1.usernameplaceholder请输入用户名/el-input/el-form-itemel-form-itemlabel密 码propcheckPassclassform-itemel-inputclassinputtypepasswordv-modelform1.passwordshow-passwordplaceholder请输入密码maxlength20/el-input/el-form-itemviewclasspassword-boxviewclassremember-passwordel-checkboxv-modelcheckedtextclasstipsstylefont-size:12px;记住密码/text/el-checkbox/viewviewclassforget-passwordtextclickforgetPassWordstylefont-size:12px;忘记密码/text/view/viewel-buttonclasslogin_buttypeprimaryclicksubmit登录/el-button/el-form/view/view2.效果图展示
uniapp+vk框架打造的一站式软件库源码,含软件商店与直播盒子功能
内容目录一、详细介绍二、效果展示1.部分代码2.效果图展示一、详细介绍uniappvk框架打造的一站式软件库源码含软件商店与直播盒子功能前端部署教程解压并导入源码将源码文件解压后导入到HBuilder中。展开文件目录找到unicloud文件夹右键选择“关联服务空间”选择你刚刚创建的服务空间然后一路确认。初始化云数据库在unicloud目录下找到database文件夹中的db_init.json文件。右键db_init.json文件选择“初始化云数据库”。运行与打包在顶部导航栏找到“运行”选择“运行到内置浏览器”。如果程序正常运行无误可以进行打包。打包步骤点击顶部导航栏的“发行”选择“原生APP打包”然后等待打包完成。后台管理部署教程解压并导入源码将后台管理源码文件解压后导入到HBuilder中。展开文件目录找到unicloud文件夹右键选择“关联服务空间”在“绑定其它项目服务空间”中找到你刚才前端项目的app名称确认关联。运行后台管理在顶部导航栏找到“运行”选择“运行到内置浏览器”。打包后台管理在顶部导航栏点击“发行”。选择“网站PC”勾选“将编译后的资源部署到前端网页托管”。点击“发行”等待打包完成完成后即可获取后台管理地址。二、效果展示1.部分代码代码如下示例viewclasspage-body no-user-selectviewclasslogin-view!-- image classimage src../../static/logo4.png modeaspectFill stylewidth:300rpx;/image --textclasslogin-title软件商店后台管理/textel-form:modelform1status-icon:rulesrulesrefrule1label-width60pxclassform-viewel-form-itemlabel账 号proppassclassform-itemel-inputclassinputtypetextv-modelform1.usernameplaceholder请输入用户名/el-input/el-form-itemel-form-itemlabel密 码propcheckPassclassform-itemel-inputclassinputtypepasswordv-modelform1.passwordshow-passwordplaceholder请输入密码maxlength20/el-input/el-form-itemviewclasspassword-boxviewclassremember-passwordel-checkboxv-modelcheckedtextclasstipsstylefont-size:12px;记住密码/text/el-checkbox/viewviewclassforget-passwordtextclickforgetPassWordstylefont-size:12px;忘记密码/text/view/viewel-buttonclasslogin_buttypeprimaryclicksubmit登录/el-button/el-form/view/view2.效果图展示