zoukankan      html  css  js  c++  java
  • hbuilder(js+html+css)开发的APP效果实例

    预约系统

    by cg

    本系统组成:后台(驾校端)与APP(学员端)两部分组成。

    学员以入学报名时的手机号登录APP可进行预约学车。

    驾校方可在后台设置排班学车计划。

    此模块效果具体如下:

    后台-教练管理模块

    首先添加教练:

    图片 

    后台-排班管理模块

    培训时段设置

    下一步在预约管理中设置培训时段


    图片

    图片
     

    排班计划设置

    设置好时段规则后,下一步设置预约排版计划:可以进行批量排班。

     
    图片

    图片

     

    也可以点击某一天进行单独的个性化设置:比如有教练请假。

    图片 

    每一天都可以分别设置科目二和科目三的计划。

    另外还可以添加资讯。

    后台-资讯管理模块

    资讯模块分为首页资讯与帮助资讯两中分类。首页资讯显示在学员端手机APP的首页中,帮助类资讯显示在帮助栏目内。

    图片 

    APP-学员登录,下面以js+html+css开发的apk(当然也可以同时发布成IOS的ipa)

    使用手机号登录,目前测试帐号为13603313230 密码为123456

    图片 

    登录后,在后台添加的首页资讯会显示在首页。

    图片 

    在在线预约中,会根据当前学员的所学进度科目,车型,自动筛选出对应的教练。

    图片 

    选择对应的教练进行预约进入日期选择

    图片 

    此处日期可以多选,但最多选4个,红色的日期是可以预约的,其中如果教练请假的情况已经排除了。

    选择好日期后点击右上角的确定按钮进入时段的选择。


    图片

    图片

     

    这里分别选择时段进行预约。在预约记录中可以取消预约,但过期的不可以取消。取消时要填写取消原因。


    图片

    图片

     

    完成训练的可以进行评价。


    图片

    图片

     

    个人中心与咨询帮助,后台添加的帮助咨询在此栏目显示。


    图片

    图片

    以上此模块实现的后台+APP(安卓+IOS) 完全开发实现所用的时间(1人)在3-5天即可搞定(不需要加班哦~)。
    PS:流程设计、数据库设计、后台开发、接口(webapi)开发、APP(H5+JS)开发 完全一个人独立完成。 

    QQ:83199235
  • 相关阅读:
    常见排序算法基于JS的实现
    PubSub的一种实现
    小结JS中的OOP(下)
    自己的一个LESS工具函数库
    小结JS中的OOP(中)
    小结JS中的OOP(上)
    表单的常用操作
    动手写插件之日历插件
    数组排序,字符串math,replace练习
    C++ Const(常类型)的作用总结
  • 原文地址:https://www.cnblogs.com/softcg/p/6511040.html
Copyright © 2011-2022 走看看