UniApp Demo 学习笔记一

最新推荐文章于 2024-07-25 08:54:13 发布
最新推荐文章于 2024-07-25 08:54:13 发布
阅读量667 收藏 2
点赞数
分类专栏： uni-app 文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gixome/article/details/126504248
版权

 

 

 

 

 

 

 

home.vue

<template>
    <view>
        
        <view class="box1">
            <text class="title">消息发送案例实践</text>
            
            <view class="flex margin">
                <input v-model="msg" type="text" name="" id="">
                <button type="default" @tap="handleSend">发送</button>
            </view>
            <view class="margin text-center" v-if="msglist.length==0">
                暂无消息
            </view>
            <view class="">
                <view v-for="(item,index) in msglist" class="boxx active margin">
                    {{item}}
                </view>
            </view>
            
        </view>
        
        <!-- 事件修饰符,及其应用场景 -->
        <!-- 应用场景 -->
        <view class="box1">
            <text class="title">事件修饰符,应用场景</text>
            <view class="" @tap="isShow=true">
                显示遮罩层
            </view>
            <view class="cover" v-if="isShow" @tap="isShow=false">
                <view class="pop" @tap.stop>
                    <input type="text" value="" placeholder="input place holder">
                    <button type="default" @tap="isShow=false">关闭</button>
                </view>
                
            </view>
        </view>
        
        <view class="box1">
            <!-- 事件修饰符基本使用 -->
            <text class="title">事件修饰符,的基本使用</text>
            <view class="box1-1" @tap="handleAlert">
                <view class="box1-1" @tap="handleAlert">
                    <view class="box1-1" @tap.stop="handleAlert">
                        事件修饰符stop,阻止父元素冒泡事件,及其应用场景,
                    </view>
                </view>
            </view>
            
        </view>
        
        
        
        
        
        <view class="box1">
            <text class="title">v-model 数据双向绑定 及 form 表单使用</text>
            <!-- v-model 数据双向绑定 及 form 表单使用 -->
            
            <!-- 通过数据绑定的方式,获取表单值 -->
            <view class="">
                {{msg}}
            </view>
            <!-- 单向绑定 -->
            <input type="text" :value="msg">
            <!-- 双向绑定 -->
            <input type="text" v-model="msg">
            <textarea v-model="msg" placeholder="" />
            
            <checkbox-group @change="handleChange">
                <label><checkbox value="basketball" /><text>篮球</text></label>
                <label><checkbox value="football" /><text>足球</text></label>
            </checkbox-group>
            <button type="primary" @tap="handleSubmit1">提交</button>
            <view class="">
                {{hobby}}
            </view>
            
            <!-- 通过form表单的方式,获取表单值 -->
            <form @submit="handleSubmit2">
                <input type="text" name="username" />
                <checkbox-group name="hobby">
                    <label><checkbox value="basketball" /><text>篮球</text></label>
                    <label><checkbox value="football" /><text>足球</text></label>
                </checkbox-group>
                <button form-type="submit">提交</button>
            </form>
            
            
            <button type="default" class="margin" @tap="haddleEdit">编辑</button>
        </view>
        
        <!-- 运用 computed 实现学员成绩筛选 -->
        <view class="box1">
            <text class="title">运用 computed 实现学员成绩筛选</text>
            <view class="uni-flex">
                <view class="boxx margin-left active" @tap="statuss = 0">全部</view>
                <view class="boxx margin-left" @tap="statuss = 1">及格</view>
                <view class="boxx margin-left" @tap="statuss = 2">不及格</view>            
            </view>
            <view class="boxxx margin" v-for="(item,index) in filterStu">
                姓名:{{item.name}}  分数:{{item.score}}
            </view>
            
            <!-- computed 基本使用 -->
            <!-- 不使用computed -->
            <view class="boxx margin">
                不使用computed反转 {{msg.split('').reverse().join('')}}
            </view>
            <!-- 使用computed -->
            <view class="boxx margin">
                使用computed反转 {{reMsg}}
            </view>
        </view>
            
        <!-- 菜单切换案例实践与拓展 -->
        <view class="box1">
            <text class="title">菜单切换案例实践与拓展</text>
            <!-- 拓展菜单 -->
            <view class="uni-flex">
                <view 
                    v-for="(item,index) in tabsArr" 
                    :class="['boxxx','margin-left',{'active':index==tabIdx}]" 
                    @tap="tabIdx=index"
                >
                    {{item}}
                </view>
            </view>
            <view 
                v-for="(item,index) in tabsArr"
                class="boxx margin" 
                v-show="index==tabIdx"
            >
                这是 {{item}} 的内容
            </view>
        </view>
        
        <!-- 基本菜单 -->
        <view class="box1">
            <text class="title">基本菜单</text>
            <view class="uni-flex">
                <view :class="['boxxx',{'active':isActive}]" @tap="haddleTab(true)">
                    菜单1
                </view>
                <view :class="['boxxx',{'active':!isActive}]" @tap="haddleTab(false)">
                    菜单2
                </view>
            </view>
            <view class="boxx margin" v-if="isActive">
                内容1
            </view>
            <view class="boxx margin" v-if="!isActive">
                内容2
            </view>
        </view>
        
        
        <!-- v-for 循环嵌套使用 -->
        <view class="box1">
            <text class="title">v-for 循环嵌套使用</text>
            <view v-for="(item,index) in wulin">
                <view @tap="skillIdx = index" class="boxxx active margin">
                    门派:{{item.title}} 代表:{{item.represent}}
                </view>
                <view v-if="skillIdx == index">
                    <view v-for="(itm,idx) in item.skill" class="boxxx margin">
                        {{itm}}
                    </view>
                </view>
            </view>
        </view>
            
        
        <!-- v-bind key 实现 for循环组件的唯一性,避免dom复用时组件不更新,key值要保证唯一性 -->
        <view class="box1">
            <text class="title">v-for 循环嵌套使用</text>
            <view v-for="(item,index) in list" v-bind:key="item" class="boxxx active margin">
                <checkbox/>
                {{item}}
                <text @tap="haddleDel(index)" class="margin-left">删除</text>
            </view>
        </view>
        
        
        <!-- 列表渲染 v-for 的使用 -->
        <view class="box1">
            <text class="title">列表渲染 v-for 的使用</text>
            <!-- v-for 遍历数组 -->
            <button @tap="haddleAdd" type="primary" class="margin">新增学员</button>
            <view v-for="(item,index) in students" class="boxxx margin">
                序号:{{index+1}}, 姓名:{{item.name}}, 分数:{{item.score}}
            </view>
            <!-- v-for 遍历对象 -->
            <view v-for="(value,key) in status" class="boxxx active margin">
                {{key}} 代表 {{value}} 状态
            </view>
        </view>
        
        <!-- v-if v-show 实现条件渲染 -->
        <view class="box1">
            <text class="title">v-if v-show 实现条件渲染</text>
            <button v-on:tap="handleShow" type="primary" class="margin">控制元素显示</button>
            <view v-if="isShow" class="boxx margin">
                v-if 通过控制dom节点实现条件渲染
            </view>
            <view v-else class="boxx margin">
                v-else 实现条件渲染
            </view>
            <view v-show="isShow" class="boxx margin">
                v-show 条件渲染 通过控制样式实现
            </view>
        </view>
        
        
        
        <!-- v-ontap 事件基础以及事件兼容 -->
        <view class="box1">
            <text class="title">v-ontap 事件基础以及事件兼容</text>
            <button v-on:tap="haddleBg" type="primary" class="margin">v-on:tap控制激活</button>
            <view :class="['boxx','margin',{'active':isActive}]"></view>
            <!-- uni-app 中可以将vue语法中的v-on简写 -->
            <button @click="haddleBg" type="primary" class="margin">@click 控制激活</button>
        </view>
        
        <!-- MVVM模式与数据驱动 -->
        <view class="box1">
            <text class="title">MVVM模式与数据驱动</text>
            <!-- 视图层 -->
            <view class="fs-30 color-9b9b">
                uniapp 开发学习Demo1
            </view>
            <view class="fs-28 color-8d8d">
                uniapp 使用数据来驱动视图
            </view>
            <view class="fs-16">
                <!-- 视图层绑定的数据改变后,又可以影响模型数据 -->
                <input type="text" class="feedback-input" v-model="msg">
            </view>
            <text class="iconfont icon--fuwu"></text>
            <view class="title">
                {{msg}}
            </view>            
        </view>
        
        <!-- 属性动态控制:class value style -->
        <view class="box1">
            <text class="title">属性动态控制:class value style</text>
            <!-- 普通写法 -->
            <view class="box" v-bind:class="isActive?'active':''"></view>
            <!-- 数组写法 -->
            <view v-bind:class="['box',isActive?'active':'']"></view>
            <!-- 对象写法 -->
            <view v-bind:class="['box',{'active':isActive}]"></view>
        </view>
        
        <!-- 图片src绑定 -->
        <view class="box1">
            <text class="title">图片src绑定</text>
            <image v-bind:src="isLogin?'../../static/logo.png':'../../static/logo1.png'" mode=""></image>
            <image v-bind:src="imgs[loginstate]" mode=""></image>
            <!-- uni-app 中可以省略 vue语法中的v-bind,作为简写 -->
            <image :src="imgs[loginstate]" mode=""></image>
        </view>
    </view>
</template>

<script>
    export default {
        data() { // Model 数据层
            return {
                msglist:[],
                hobby:[],
                tabsArr:[
                    '首页',
                    '新闻',
                    '产品',
                    '联系我们',
                    '招聘'
                ],
                tabIdx:0,
                wulin:[
                    {
                        title:'少林寺',
                        represent:'扫地僧',
                        skill:[
                            '三十六路拳脚',
                            "七十二绝技",
                            "易筋经",
                            "金钟罩"
                        ]
                    },{
                        title:'武当',
                        represent:'张三丰',
                        skill:[
                            '梯云纵',
                            "太极拳法",
                            "乾坤大挪移"
                        ]
                    }
                ],
                skillIdx:-1,
                list:[
                  '白日依山尽',  
                  '黄河入海流',  
                  '欲穷千里目',  
                  '更上一层楼'  
                ],
                status:{
                    "0":"成功",
                    "1":"警告",
                    "2":"失败"
                },
                students:[
                    {name:'铁拐李',score:100},
                    {name:'汉钟离',score:88},
                    {name:'张果老',score:58},
                    {name:'吕洞宾',score:50},
                    {name:'何仙姑',score:65},
                    {name:'蓝采和',score:70},
                    {name:'韩湘子',score:96},
                    {name:'曹国舅',score:56},
                ],
                statuss:0,
                msg:"hello uni-app",
                isActive:false,
                isLogin:true,
                imgs:[
                    '../../static/logo.png',
                    '../../static/logo1.png'
                ],
                loginstate:1,
                isShow:false
            }
        },
        methods: {
            handleSend(){
                this.msglist.push(this.msg);
                this.msg='';
            },
            handleAlert(){
                alert(123)
            },
            handleChange(ev){
                console.log(ev);
                this.hobby = ev.detail.value
            },
            handleSubmit1(){
                let {msg,hobby} = this;
                console.log({msg,hobby});
            },
            handleSubmit2(ev){
                console.log(ev.detail.value);
            },
            haddleTab(bool){
                this.isActive=bool
            },
            haddleDel(idx){
                this.list.splice(idx,1)
            },
            haddleAdd(){
                this.students.push({name:'王母奶奶',score:76})
            },
            haddleEdit(){
                this.students[0].name = '李斯';
            },
            haddleBg(){
                this.isActive = !this.isActive
            },
            handleShow(){
                this.isShow = !this.isShow
            }
            
        },
        computed:{
            filterStu(){
                let {statuss,students} = this
                switch (statuss){
                    case 1://及格
                        return students.filter((item)=>{
                            return item.score>=60
                        })
                    case 2://不及格
                        return students.filter((item)=>{
                            return item.score<60
                        })
                    default://全部
                        return students
                }
            },
            reMsg(){ //计算属性
                // 自定义的灵活的运算 
                return this.msg.split('').reverse().join('')
            }
        },
        watch:{
            /* students(){ // 浅监听
                console.log('检测到students的变化');
                // 实现 students变化所引发的相关逻辑代码
                // 例如:将最新的students数据包存到本地存储
                uni.setStorage({
                    key:'stu',
                    data:this.students
                })
            } */
            
            students:{//深监听
                handler(){
                    console.log('检测到students的变化');
                    // 实现 students变化所引发的相关逻辑代码
                    // 例如:将最新的students数据包存到本地存储
                    uni.setStorage({
                        key:'stu',
                        data:this.students
                    })
                },
                deep:true
                
            }
        }
    }
</script>

<style lang="scss">

.text-center{
    text-align: center;
}
input{
    height: 100upx;
    border: 1upx solid #9ba7bf;
    flex: 1;
}
.flex{
    display: flex;
    justify-content: center;
}
    
    
.cover{
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
}
.pop{
    margin: 100upx 30upx;
    background-color: #fff;
    height: 200upx;
}


.box1-1{
    padding: 50upx;
    border: 1px solid #333;
}

.margin-left{
    margin-left: 20upx;
}

.margin{
    margin: 10upx;
}
.boxx{
    height: 200upx;
    background-color: #9ba7bf;
    text-align: center;
    color: #fff;
    font-size: 40upx;
    line-height: 200upx;
}

.boxxx{
    height: 80upx;
    background-color: #9ba7bf;
    text-align: center;
    color: #fff;
    font-size: 32upx;
    line-height: 80upx;
}

.title{
    color: red;
}
.icon--fuwu{
    font-size: 100upx;
    color: blueviolet;
}

.box{
    height: 100upx;
    width: 100upx;
    border:1upx solid red;
    border-radius: 20upx;
}
.active{
    background-color: #3f536e;
}
image{
    width: 100upx;
    height: 100upx;
}
.box1{
    height: 100%;
    width: 710upx;
    border:1upx solid red;
    border-radius: 20upx;
    margin: 10upx;
    padding: 10upx;
}
/* 稿定在线PS ps.gaoding.com */
</style>

 

uniscss

/* 字体大小控制 */
.fs-30{font-size: 30upx !important;}
.fs-28{font-size: 28upx !important;}
.fs-26{font-size: 26upx !important;}
.fs-24{font-size: 24upx !important;}
.fs-22{font-size: 22upx !important;}
.fs-20{font-size: 20upx !important;}
.fs-18{font-size: 18upx !important;}
.fs-16{font-size: 16upx !important;}
.fs-14{font-size: 14upx !important;}
.fs-12{font-size: 12upx !important;}
/* 文字颜色控制 */
.color-9b9b{color: #9b9b9b !important;}
.color-8d8d{color: #8d8d8d !important;}
.color-111{color: #111 !important;}
.color-9292{color: #929292 !important;}
.color-9898{color: #989898 !important;}


/* 字体图标 */
@import '@/static/font/iconfont.css';

iconfont.css

@font-face {
  font-family: "iconfont"; /* Project id 3599881 */
  src: url('@/static/font/iconfont.woff2?t=1660902218891') format('woff2'),
       url('@/static/font/iconfont.woff?t=1660902218891') format('woff'),
       url('@/static/font/iconfont.ttf?t=1660902218891') format('truetype');
}

page.json

{
	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
		{
            "path" : "pages/home/home",
            "style" :                                                                                    
            {
                "navigationBarTitleText": "测试demo",
                "enablePullDownRefresh": false
            }  
        },
        {
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "test 测试APP首页",
                "navigationBarBackgroundColor": "#eee",
                "navigationBarTextStyle": "black"
			}
		},{
            "path" : "pages/info/info",
            "style" :                                                                                    
            {
                "navigationBarTitleText": "新闻详情页",
                "enablePullDownRefresh": false
            }
        }
    ],
	"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "uni-app",
		"navigationBarBackgroundColor": "#F8F8F8",
		"backgroundColor": "#F8F8F8"
	},
    "tabBar": {
        "color": "#d8d8d8",
        "selectedColor": "#444",
        "list": [
            {
                "text": "首页",
                "pagePath": "pages/index/index",
                "iconPath": "static/logo.png",
                "selectedIconPath": "static/logo.png"
            },{
                "text": "Home",
                "pagePath": "pages/home/home",
                "iconPath": "static/logo.png",
                "selectedIconPath": "static/logo.png"
            }
        ]
    }
}

index.vue

<template>
	<view class="content">
        <!-- #ifdef MP-WEIXIN -->
        
        <!-- <image class="logo" src="../../static/logo.png" mode="widthFix"></image> -->
        <!-- <text>微信小程序 选择编译</text> -->
        <!-- #endif -->
        
        <!-- #ifdef APP-PLUS -->
        <!-- <image class="logo" src="../../static/logo.png" mode="widthFix"></image> -->
        <!-- <text>APP 选择编译</text> -->
        <!-- #endif -->
        
        <!-- #ifdef H5 -->
        <!-- <image class="logo" src="../../static/logo.png" mode="widthFix"></image> -->
        <!-- <text>H5 选择编译</text> -->
        <!-- #endif -->
		<!-- <view class="text-area">
			<text class="title">{{title}}</text>
		</view> -->
        
        <view class="uni-list">
            <view class="uni-list-cell" hover-class="uni-list-cell-hover" v-for="(item,index) in news" :key="index" @tap="openinfo" :data-newsid="item.post_id">
                <view class="uni-media-list">
                    <image class="uni-media-list-logo" :src="item.author_avatar"></image>
                    <view class="uni-media-list-body">
                        <view class="uni-media-list-text-top">{{item.title}}</view>
                        <view class="uni-media-list-text-bottom uni-ellipsis">{{item.created_at}}</view>
                    </view>
                </view>
            </view>
        </view>
        
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// title: 'uni-app 第一个测试程序'
                news : []
			}
		},
		onLoad() {
			uni.showLoading({
				title:"加载中...."
			})
            
            uni.request({
                url: 'https://unidemo.dcloud.net.cn/api/news',
                method: 'GET',
                data: {},
                success: res => {
					this.news = res.data;
					uni.hideLoading();
                },
                fail: () => {},
                complete: () => {}
            });

		},
		methods: {
			openinfo(e) {
				var newsid = e.currentTarget.dataset.newsid;
                // console.log(newsid);
				uni.navigateTo({
					url: '../info/info?newsid='+newsid
				});
			}

		}
	}
</script>

<style>
	/* .content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	} */
    
    .uni-media-list-body{height: auto;}
    .uni-media-list-text-top{line-height:1.6em;}
</style>

info.vue

<template>
	<view class="content">
		<view class="title">{{title}}...</view>
		<view class="art-content">
			<rich-text class="richText" :nodes="strings"></rich-text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '',
				strings : ''
			}
		},
		onLoad:function(e){
			console.log(e.newsid);
			uni.request({
				url: 'https://unidemo.dcloud.net.cn/api/news/36kr/'+e.newsid,
				method: 'GET',
				data: {},
				success: res => {
					// console.log(res);
					this.title = res.data.title;
					this.strings = res.data.content;
				},
				fail: () => {},
				complete: () => {}
			});
		}
	}
</script>

<style>
.content{padding:10upx 2%; width: 96%; flex-wrap:wrap;}
.title{line-height:2em; font-weight:700; font-size:38upx;}
.art-content{line-height:2em;}
</style>

目录结构

 

 

ggome
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uniapp,vue学习笔记
qq_53926905的博客
08-30 1556
uniapp，vue学习笔记
Uniapp演示Demo
04-05
【标题】"Uniapp演示Demo" 是一个基于 UniApp 框架的示例项目，...通过学习和实践 "Uniapp演示Demo"，开发者不仅可以掌握 UniApp 的基本使用，还能深入了解跨平台开发的技巧和注意事项，从而提高开发效率和产品质量。
uniapp学习笔记
l1513949626的博客
09-08 854
uniapp基础,命令行配置,vscode中uniapp的使用以及vue基础
uniapp+uview 学习笔记（二）—— H5开发
summer_gf的博客
03-18 2391
本文主要介绍使用uniapp框架和uview组件库进行H5开发，仅供学习参考。
uniapp项目实战笔记
youhebuke225的博客
06-13 5552
目录1 项目搭建1.1 新建项目并运行1.2 按照项目效果配置基本外观2 搭建框架2.1 配置tabbar3 从后台获取数据3.1 封装请求组件3.2 搭建后台应用4 首页页面4.1 配置首页基础数据4.2 轮播图4.3 页面中的导航 1 项目搭建 1.1 新建项目并运行 进行项目的搭建，详情点击 这里我们创建的名称为uniapp_demo 运行，这里我们看上面的详情点击就可以，初次运行注意路径的配置 当我们运行起来收的界面式这样的 1.2 按照项目效果配置基本外观 打开pages.json,
Uniapp零基础开发学习笔记(1) - 项目初步创建
qq_43662503的博客
10-19 651
无意间在网页上发现了Uniapp的开发教程，看上去还算比较简单,在下载HBuilderX之后，有不少官方代码,于是就想通过复制粘贴官方代码,做一些简单的页面，并把理解到的知识写下来,作为一个巩固，每天进步一点，后面正确能够做出完整的应用。
uniapp学习笔记-跨域问题和真机调试的一些问题
pure81的博客
09-01 1203
uniapp遇到的一些问题
WebSocket学习笔记
山河明月
04-26 627
5.uniapp APP 端 WebSocket 使用，实现一个简单 WebSocket 工具类。10. ***.Net Core 实现WebSocket Server 的另外三种方式***6.uni-app中使用webSocket实现消息监听。7..NET Core中WebSocket的使用详解。4.uni-app使用websocket官方文档。2.前端通信--H5提供的 webSocket。3.uni-app中使用websocket。9.TouchSocket开源库【
Hbuilder uniapp 笔记
LAOning11的博客
08-10 5547
uniapp hbuilder
前端学习--uniapp部分
AGW.的博客
03-10 790
主要介绍uniapp中的重点知识。本文是根据咸虾米老师的uniapp零基础入门到项目打包课程，如果有不理解的地方请移步到B站查找并观看相应课程。
uniapp分包demo
11-03
uniapp多页面配置效果，项目代码subPackages 里的pages的路径是 root 下的相对路径，不是全路径。 微信、百度小程序每个分包的大小是2M，总体积一共不能超过8M。 支付宝小程序每个分包的大小是2M，总体积一共不能...
uniAPP使用sqlite数据库demo
04-01
总结，这个“uniAPP使用sqlite数据库demo”项目是学习和实践如何在uniAPP中利用SQLite存储和管理本地数据的宝贵资源。通过深入理解上述知识点，开发者能够有效地在uniAPP应用中构建自己的数据库管理系统，满足各种...
a uniapp demo for vant-weapp示例.zip
02-04
1. **UniApp 使用**：学习如何配置 UniApp 项目，创建页面结构，管理数据，以及如何使用 UniApp 的生命周期函数和组件。理解 Vue.js 风格的模板语法和指令，如 v-if、v-for、v-bind 等。 2. **Vant WeApp 组件使用*...
uniapp demo演示安卓包
01-03
uniapp demo演示安卓包
uniapp时间戳转时间
最新发布
weixin_59527403的博客
07-25 282
【代码】uniapp时间戳转时间。
uniapp map组件自定义markers标记点
qq_44161722的博客
07-23 498
需求是根据后端返回数据在地图上显示标记点，并且根据数据状态控制标记点颜色，标记点背景通过两张图片实现控制。
基于JAVA+SpringBoot+Vue+uniApp的校园日常作品商品分享小程序
znbcj的博客
07-24 899
基于JAVA+SpringBoot+Vue+uniApp的校园日常作品商品分享小程序是一款专为校园内的学生和教师设计的移动应用程序。该小程序旨在提供一个便捷的平台，让学生和教师能够轻松地分享自己的手工制作、设计作品或二手物品，同时也方便其他用户浏览和购买这些商品。通过这款小程序，校园内的学生们可以轻松地将自己的作品分享给其他同学，增加彼此之间的交流和合作机会；同时，教师们也可以借此平台推广自己的教学成果或者寻找合适的教学资源。此外，该小程序还有助于减少校园内的浪费现象，提高资源的利用率。
基于JAVA+SpringBoot+uniapp的心理小程序(小程序版本)
znbcj的博客
07-23 815
心理小程序主要给心理医生和用户提供一个心理测试的平台，其中主要功能有用户进行测试，心理医生上传试卷，得到测试结果，贴吧交流，心理医生咨询等等JAVA：Java是一门面向对象编程语言，不仅吸收了C++语言的各种优点，还摒弃了C++里难以理解的多继承、指针等概念，因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，允许程序员以优雅的思维方式进行复杂的编程。
uniapp demo
03-31
As an AI language model, I am not able to provide a demo of Uniapp. However, I can provide you with some information about Uniapp. Uniapp is a framework that allows developers to build cross-platform...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值