持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第1天，点击查看活动详情

香水时代app模仿设计实现部分

毕设刚刚完结，讲讲毕设吧。毕设选题为香水推荐小程序，配有一个后台管理系统，使用uni-app框架写的，为什么用uniapp框架呢，因为原生小程序已经用过了写过项目了，考虑到多少增加点工作量还是选用了新的知识，首先uni-app最好还是用hbuilder来实现吧。毕竟是配套的，方便。我是一名前端，对于服务器不太了解，采用了省时省力的云开发，之前微信小程序的云开发也用过，和微信小程序开发比较契合，开发起来很方便，uni-app的云开发就没有那么方便了，当然是相对来说的，比起自己手写后台还是方便了许多。
开发uni-app项目首先需要具备vue语法知识，uni-app和vue项目语法差不多。是基于vue语法的。先给大家看下效果图

图片有点大。我第一次用编辑器等我有时间了会改的！不要说我啦

这是首页。使用的uView组件，为什么用这个组件呢，因为不记得在哪个群里看到的uni-app开发小程序最适合uView组件啦，我就去试了果然，就算能用吧。反正组件嘛用啥都一样，功能效果都能实现。来看下这个效果实现的代码部分。

• 这个搜索框和第一个轮播图(注意上边第一个图是轮播图)实现代码很简单的。

			<view class="u-demo-block__content">
				<u-search
					placeholder="香水时代小程序毕设"
					disabled
					@click="goSearch"
					:show-action="false"
				></u-search>
			</view>
			 <!-- 轮播图 -->
			<view>
				<u-swiper
						:list="top"
						keyName="titleimg"
						indicator
						@click="goArticle1"
						indicatorMode="line"
						circular
						height="200"
				></u-swiper>
			</view>

然后css部分嘛更简单，不需要调就是上边搜索框

    .u-demo-block__content{
        margin:10rpx 20rpx;
    }

其他轮播图也是这样子啦，主要是用的uView组件然后数据库调用数据就好啦。 给大家看看我的运行