文化馆预约精品

发布于:2022-11-30 ⋅ 阅读:(358) ⋅ 点赞:(0)

各地文化馆都会举办各类展览、讲座、培训等,普及科学文化知识,开展社会教育!本系统前后端完整,主要功能包括公告通知,非遗介绍,文化活动,课堂风采,培训班列表,培训课程介绍,文化团体招募,我的报名,后台培训项目管理,报名名单管理,后台通知管理,后台管理员管理等功能

部分关键代码

【app.json】

{

"pages":[

"pages/test/test",

"pages/index/index",

"pages/logs/logs",

"pages/search/search",

"pages/ranking/ranking"

],

"window":{

"backgroundTextStyle": "dark",

"navigationBarBackgroundColor": "#31c27c",

"navigationBarTitleText": "益起来,爱益无限",

"navigationBarTextStyle": "white",

"BackgroundColor": "#000000",

"enablePullDownRefresh": true

},

"tabBar": {

"color": "#000000",

"selectedColor": "#000000",

"backgroundColor": "#31c27c",

"borderStyle": "black",

"list": [

{

"pagePath": "pages/index/index",

"text": "首页",

"iconPath": "img/sy.jpg",

"selectedIconPath": "img/sy.jpg"

},

{

"pagePath": "pages/logs/logs",

"text": "分类",

"iconPath": "img/fl.jpg",

"selectedIconPath": "img/fl.jpg"

},

{

"pagePath": "pages/search/search",

"text": "搜索",

"iconPath": "img/wd.jpg",

"selectedIconPath": "img/wd.jpg"

}

]

},

"debug": true

}

【app.wxss】

.container {

height: 100%;

display: flex;

flex-direction: column;

align-items: center;

justify-content: space-between;

padding: 200rpx 0;

box-sizing: border-box;

}

【index.wxml】

<view>

<swiper autoplay interval='{{interval}}' duration='{{duration}}' indicator-dots indicator-active-color='{{activeColor}}'>

<block wx:for="{{swiperImg}}" wx:key="u">

<swiper-item>

<image src="{{item}}"></image>

</swiper-item>

</block>

</swiper>

</view>

<image mode="scareToFill" src="{{src}}"></image>

 

 

【index.wxss】

swiper image {

height: 150px;

width: 750rpx;

}

image{

height:830rpx;

width: 750rpx;

}

【logs.wxss】

.placeholder{

margin: 8px;

padding: 0 12px;

text-align: center;

background-color:#31C27C ;

height:3em;

line-height:3em;

color: #FFFFFF;

}

.special_placeholder{

margin: 8px;

padding: 0 12px;

text-align: center;

background-color:#1ADD19 ;

height: 3em;

line-height: 3em;

color: #FFFFFF;

}

.page__hd{

margin: 15px;

text-align: center;

background-color: #EBEBEB;

height: 3em;

width:3.5em;

line-height: 3em;

color: #31C27C;

}

【test.wxml】

<view class="page" xmlns:wx="http://www.w3.org/1999/xhtml">

<view class="page__hd">

<view class="page__title">注册页面</view>

</view>

<view class="page__bd">

<view class="weui-cells weui-cells_after-title">

<view class="weui-cell weui-cell_input">

<view class="weui-cell__hd">

<view class="weui-label">姓名</view>

</view>

<view class="weui-cell__bd">

<input class="weui-input" placeholder="请输入您的真实姓名"/>

</view>

</view>

<view class="weui-cell weui-cell_input weui-cell_vcode">

<view class="weui-cell__hd">

<view class="weui-label">手机号</view>

</view>

<view class="weui-cell__bd">

<input class="weui-input" placeholder="请输入手机号" />

</view>

<view class="weui-cell__ft">

<view class="weui-vcode-btn">获取验证码</view>

</view>

</view>

<view class="weui-cell weui-cell_input weui-cell_vcode">

<view class="weui-cell__hd">

<view class="weui-label">验证码</view>

</view>

<view class="weui-cell__bd">

<input class="weui-input" placeholder="请输入验证码" />

</view>

<view class="weui-cell__ft">

<image class="weui-vcode-img" src="/img/vcode.jpg" style="width: 108px"></image>

</view>

</view>

</view>

<view class="weui-cells__title">曾经参加过志愿者活动</view>

<view class="weui-cells weui-cells_after-title">

<view class="weui-cell weui-cell_switch">

<view class="weui-cell__bd">是</view>

<view class="weui-cell__ft">

<switch checked />

</view>

</view>

</view>


 

<view class="weui-cells__title">意见或建议</view>

<view class="weui-cells weui-cells_after-title">

<view class="weui-cell">

<view class="weui-cell__bd">

<textarea class="weui-textarea" placeholder="请留下您的宝贵意见" style="height: 3.3em" />

<view class="weui-textarea-counter">0/200</view>

</view>

</view>

</view>


 

<view class="weui-cells weui-cells_after-title">

<view class="weui-cell weui-cell_select">

<view class="weui-cell__hd weui-cell__hd_in-select-after">

<view class="weui-label">国家/地区</view>

</view>

<view class="weui-cell__bd">

<picker bindchange="bindCountryChange" value="{{countryIndex}}" range="{{countries}}">

<view class="weui-select weui-select_in-select-after">{{countries[countryIndex]}}</view>

</picker>

</view>

</view>

</view>

<checkbox-group bindchange="bindAgreeChange">

<label class="weui-agree" for="weuiAgree">

<view class="weui-agree__text">

<checkbox class="weui-agree__checkbox" id="weuiAgree" value="agree" checked="{{isAgree}}" />

<view class="weui-agree__checkbox-icon">

<icon class="weui-agree__checkbox-icon-check" type="success_no_circle" size="9" wx:if="{{isAgree}}"></icon>

</view>

阅读并同意<navigator url="" class="weui-agree__link">《相关条款》</navigator>

</view>

</label>

</checkbox-group>

<view class="weui-btn-area">

<button class="weui-btn" type="primary" bindtap="showTopTips">确定</button>

</view>

</view>

</view>

此文化服务预约系统有以下三方面可以总结系统开发的可行性,具体如下:

1.技术可行性

以Windows7或10为操作系统,采用phpstorm软件为开发后台管理,运用mysql进行数据库存储,使用微信开发者工具开发微信小程序;后台管理系统硬件环境是PC机,前台用户在手机上使用微信小程序。

2.经济可行性

一方面,采用phpstorm和微信开发者工具开发有好的人机界面和强劲的功能支持,使家政服务管理人员的工作效率进一步提高从而节省人力、物力;另一方面,系统的制作成本低,在现有的PC机上即可使用phpstorm和微信开发者工具进行开发。

3.操作可行性

phpstorm软件在操作上是在Windows操作系统上进行家政服务预约后台管理系统的使用,主要凭借使用Windows操作技术即可完成数据的录入、修改、删除等功能,简单方便。用户使用手机登录微信小程序家政服务预约系统即可使用。

 

 

 

本文含有隐藏内容,请 开通VIP 后查看

网站公告


今日签到

点亮在社区的每一天
去签到