0
点赞
收藏
分享

微信扫一扫

Uni-App - 实战《悦读》之创建项目、后端环境介绍

源码之路 2022-05-18 阅读 83


创建项目


1. 打开HBuilderX -> 新建 uniapp 项目;
2. 创建页面 
|_ index.vue 入口页面
|_ write.vue 文章撰写页面
|_ my.vue 账户中心页面


完善底部导航栏

1. 下载图标, 图标地址

​​悦读项目图标.zip_免费高速下载|百度网盘-分享无限制​​

2. 将图标部署至 /static 目录

3. 修改 page.json

"tabBar" : {
"color" : "#707070",
"selectedColor" : "#DE533A",
"list" : [
{
"pagePath" : "pages/index/index",
"text" : "文章",
"iconPath" : "static/nav1.png",
"selectedIconPath" : "static/nav1-a.png"
},
{
"pagePath" : "pages/write/write",
"text" : "写作",
"iconPath" : "static/nav2.png",
"selectedIconPath" : "static/nav2-a.png"
},
{
"pagePath" : "pages/my/my",
"text" : "我的",
"iconPath" : "static/nav3.png",
"selectedIconPath" : "static/nav3-a.png"
}
]
}

4. 修改项目名称

"globalStyle" : {
"navigationBarTextStyle" : "black",
"navigationBarTitleText" : "悦读",
"navigationBarBackgroundColor" : "#F8F8F8",
"backgroundColor" : "#F8F8F8"
}

加载 graceUI 框架

graceUI : ​​http://grace.hcoder.net​​

收费框架,本教程中使用部分免费分享给大家,在课程内下载即可!

部署:


|_ 项目根目录
    |_ graceUI
        |_ graceUI.css


在app.vue 内添加以下代码:

<style>
@import 'graceUI/graceUI.css';
</style>

后端介绍

本教程将以 php + MySQL 为后端环境,为大家详细讲解服务端代码编写!

如果您没有后端基础并不想学习后端写法,课程将提供完整后端源码及数据库,您可以快速将后端部署在自己的电脑完成接口的部署工作 ^_^

我们将以 php 原生作为开发,开发过程中的基础架构和类库,请在腾讯课堂课程内获取;

本套课程也提供了 php 环境搭建教程及本课程后端接口部署教程。


举报

相关推荐

0 条评论