Your description here.
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(()=>{
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
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;
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
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
ikrins