【三】鸡汤来咯开发学习笔记-39

1.下载unicloud官方用户体系，客户端uni-app，插件 https://ext.dcloud.net.cn/plugin?name=uni-id-pages 然后导入项目，跳过page。json的注册，因为我们是二次开发，不需要2.把app.vue改成vue3版本（app.vue是页面加载时的各种操作）//app.vue是vue页面资源的首加载项，是主组件，页面入口文件，所有页面都是在App.vue下进行切换的；也是整个项目的关键，app.vue负责构建定义及页面组件归集。<script setup> import{onLaunch,onShow,onHide} from "@dcloudio/uni-app" onLaunch(()=>{ console.log('APP Launch') }) onShow(()=>{ console.log('APP Show') }) onHide(()=>{

前端 · 2024-07-30

【二】鸡汤来咯开发学习笔记-38

1.在list中改为最后发布时间来排序，这样在修改后就能出现在第一个（把以前的publish_date改为last_modify_date就行）await db.collection("soup-chicken").field("last_modify_date,content,soup_type,like_count,collect_count,comment_count,status").orderBy("last_modify_date", 'desc').limit(pageSize).skip(skip) 2.在edit中加入页面加载中，就在onload中加入就行uni.showloading,然后后面调用完getditail里面加入uni.hideloading就行3.edit在onload中加入，如果存在id（就是从list的内容点击进入的），则title为编辑鸡汤，不然叫熬制鸡汤（默认）onLoad((e)=>{ id=e.id; if(id){ u

前端 · 2024-07-29

【二】鸡汤来咯开发学习笔记-37

1.在edit页面中，在不同状态下，显示各种组件是否激活使用 以此类推<input :disabled="disabled || statusDisabled" //以前那个disabled是判断提交后的属性之前设置的，所以这里使用或 方法if(formDate.value.status !==2) statusDisabled.value=true; 2.判断id是否存在，存在就更新内容，不存在就新增加//考虑到变量作用域问题，这里就不用解构，直接用变量使用doc指明是哪个id的数据if(id){ res= await db.collection("soup-chicken").doc(id).update(formDate.value) }else{ res = await db.collection("soup-chicken").add(formDate.value) } errCode=res.result.errCode;

前端 · 2024-07-29

【二】鸡汤来咯开发学习笔记-36

1.下载安装通告栏组件uni-notice-bar到项目在edit上面显示通告栏，如果存在状态就显示，因为有些不是二次修改，也要引入以前的公共方法stateFormat，在js中 <uni-notice-bar showIcon :text="stateFormat(formDate.status).text"></uni-notice-bar> </view>2.加入判断语句，不同状态显示不同的话 //用``这种符号，变量前面加$在里面可以用文字和变量组成一段话<view v-if="formDate.status != undefined"> <uni-notice-bar showIcon :text="`通知： ${stateFormat(formDate.status).text},${(formDate.status==0 || formDate.status==1)?'不允许再次编辑':'修改后可以提交'} `"&g

前端 · 2024-07-29

【二】鸡汤来咯开发学习笔记-35

1.给soup-item组件跳转到编辑页面传递id参数const props =defineProps({ item:{ type:Object, default(){ return{} } } }) const goEdit =()=>{ uni.navigateTo({ url:"/pages_self/soup/edit?id="+props.item._id }) } 2.在edit页面中引入onload事件来获取id import {onLoad} from"@dcloudio/uni-app"; let id; onLoad((e)=>{ id=e.id; if(id){ getDetail() //如果存在id

前端 · 2024-07-29
2024 - 2025 ikrins‘Blog. All Rights Reserved.
Theme Jasmine by Kent Liao