記事ディレクトリ
- 序章
- 1: コード共有
- 2.オンラインチュートリアル
- 要約する
序文
ミニプログラムプラットフォーム: Douyin
ミニプログラム名: Yunyun 壁紙
バージョン番号: 3.0
基本機能: 壁紙絵文字パッケージアバターカバー画像アップロード、タレントエントリー、タレント管理、広告構成、タレント配分、チーム管理、データチャート、公式アカウントドッキング、メッセージプッシュ。
ハイライト機能: メンバーシップ支払い (ダブルエンド)、cps/cpm 収益詳細、広告アンチスワイプ監視、絵文字ビデオの gif への自動変換、絵文字ビデオの自動再生、ui 美化、Kuaishou iOS 広告の追加。
システム開発の歴史：ゆんゆんマップとゆんゆん壁紙は1年以上更新され、多くの起業家にサービスを提供し、業界の品質を追求してきました。(ゆんゆん写真とゆんゆん壁紙アプレットでカスタマーサービスを探してください)
アフターサービス: 純正システムのアフターサービスは安心で、オンライン手動返信は週6*10です。テンプレートは完成しており、すぐに使用できます。開発者はオンラインで通信して、追加のカスタム開発をサポートします。
デモ図:
1. コードシェアリング
バックエンドコードの一部:
<!doctype html>
<html class="x-admin-sm">
<head>
{include file='base/common_header'}
</head>
<body class="index">
{include file='base/common_miniheader'}
<!-- 中部开始 -->
<!-- 左侧菜单开始 -->
{include file='base/common_left_menu'}
<!-- <div class="x-slide_left"></div> -->
<!-- 左侧菜单结束 -->
<!-- 右侧主体开始 -->
<div class="page-content">
<div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
<ul class="layui-tab-title">
<li class="home">
<i class="layui-icon"></i>我的桌面</li></ul>
<div class="layui-unselect layui-form-select layui-form-selected" id="tab_right">
<dl>
<dd data-type="this">关闭当前</dd>
<dd data-type="other">关闭其它</dd>
<dd data-type="all">关闭全部</dd></dl>
</div>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<iframe src='/admin/welcome' frameborder="0" scrolling="yes" class="x-iframe"></iframe>
</div>
</div>
<div id="tab_show"></div>
</div>
</div>
<div class="page-content-bg"></div>
<style id="theme_style"></style>
<!-- 右侧主体结束 -->
<!-- 中部结束 -->
</body>
<script type="text/javascript">
layui.use(['form', 'layer'],
function() {
var form = layui.form,
layer = layui.layer,
$ = layui.jquery;
})
function clearCache(){
$.get('/admin/clearCache',{},function (r){
layer.msg('清除成功');
})
}
</script>
</html>フロントエンドコードの一部:
{
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText":"",
//"navigationStyle": "custom"
"transparentTitle":"always"
}
},
{
"path": "pages/index/recommend",
"style": {
"navigationBarTitleText": "热门详情"
}
},
{
"path": "pages/talent/index"
},
{
"path": "pages/talent/detail",
"style": {
// "navigationBarTitleText":""
// "navigationStyle": "custom"
// "transparentTitle":"always"
}
},
{
"path": "pages/cate/index"
},
{
"path": "pages/search/index"
},
{
"path": "pages/search/result"
},
{
"path": "pages/list/index"
},
{
"path": "pages/detail/index",
"style": {
"navigationBarTitleText":"",
//"navigationStyle": "custom"
"transparentTitle":"always"
}
},
{
"path": "pages/user/index",
"style": {
"navigationBarTitleText":"",
// "navigationStyle": "custom"
"transparentTitle":"always"
}
},
{
"path": "pages/user/collect"
}
,{
"path" : "pages/index/webview"
},
{
"path":"pages/index/richtext"
},
{
"path": "pages/detail/layout2"
},
{
"path":"pages/user/richtext"
},
{
"path":"pages/user/setting"
}
,{
"path" : "pages/user/expert"
}
,{
"path" : "pages/pay/index",
"style": {
"navigationBarTitleText": "成为会员"
}
},
{
"path": "pages/user/order-list",
"style": {
"navigationBarTitleText": "我的订单"
}
}
],
"globalStyle": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "云云壁纸",
"navigationBarBackgroundColor": "#3D88FE",
"backgroundColor": "#FFFFFF"
},
"tabBar": {
"color": "#666666",
"selectedColor": "#3D88FE",
"borderStyle": "black",
"backgroundColor": "#ffffff",
"list": [{
"pagePath": "pages/index/index",
"iconPath": "static/images/home.png",
"selectedIconPath": "static/images/home-active.png",
"text": "首页"
}
, {
"pagePath": "pages/talent/index",
"iconPath": "static/images/expert.png",
"selectedIconPath": "static/images/expert-active.png",
"text": "达人"
}
, {
"pagePath": "pages/index/recommend",
"iconPath": "static/images/tuijian1.png",
"selectedIconPath": "static/images/tuijian.png",
"text": "推荐"
}
, {
"pagePath": "pages/user/index",
"iconPath": "static/images/user.png",
"selectedIconPath": "static/images/user-active.png",
"text": "我的"
}
]
}
}
2. オンライン チュートリアル
1. 登録: Douyin オープン プラットフォーム アカウントと実名認証
2. ミニ プログラムを展開し、レビューのために送信します。
3. 公開アカウントに入力し、広告を開きます。
要約する
今日の共有は以上です。皆さんのお役に立てれば幸いです。