帖子信息
SSM实现疫情打卡小程序
xiao   分享于  2022-01-03   查看次数: 180 次   所需:500 积分
0

1.SSM实现疫情打卡小程序

个人网站:http://xiaocaoshare.com

2.需求分析

小程序:

学生和疫情防护人员

管理后台

分为管理员、疫情防护人员、学生

主要功能为:

学生管理、疫情防护人员管理、院系信息管理、疫情地区等级管理、系统管理等

3.技术架构

SSM+原生微信小程序+Vue

开发工具:

IDEA或eclipse

4.前端部分页面代码展示

登录页面

 

   

      style="{{'box-shadow:'+('0 0 8rpx #ffaa33')+';'+('border-color:'+('#ccc')+';')+('border-radius:'+('20rpx')+';')+('border-width:'+('0px')+';')+('width:'+('160rpx')+';')+('border-style:'+('solid')+';')+('url:'+('http://codegen.caihongy.cn/20210327/7498aa8e3dbe4329b7b7a8caeae478cf.png')+';')+('is-show:'+(true)+';')+('height:'+('160rpx')+';')}}"

      src="http://codegen.caihongy.cn/20210327/7498aa8e3dbe4329b7b7a8caeae478cf.png" mode="aspectFill"

      class="data-v-4ff48042">

 

 

      style="{{'border-color:'+('rgba(255, 170, 51, 1)')+';'+('background-color:'+('#fff')+';')+('border-radius:'+('8rpx')+';')+('color:'+('rgba(0, 0, 0, 1)')+';')+('text-align:'+('left')+';')+('border-width:'+('2rpx')+';')+('font-size:'+('28rpx')+';')+('border-style:'+('solid')+';')+('height:'+('80rpx')+';')}}"

      type="text" name placeholder="请输入账号"

      data-event-opts="{{[['input',[['__set_model',['','username','$event',[]]]]]]}}" value="{{username}}"

      bindinput="__e" />

 

      style="{{'border-color:'+('rgba(255, 170, 51, 1)')+';'+('background-color:'+('#fff')+';')+('border-radius:'+('8rpx')+';')+('color:'+('rgba(0, 0, 0, 1)')+';')+('text-align:'+('left')+';')+('border-width:'+('2rpx')+';')+('font-size:'+('28rpx')+';')+('border-style:'+('solid')+';')+('height:'+('80rpx')+';')}}"

      type="password" name placeholder="请输入密码"

      data-event-opts="{{[['input',[['__set_model',['','password','$event',[]]]]]]}}" value="{{password}}"

      bindinput="__e" />

 

   

      bindchange="__e" class="data-v-4ff48042">

     

        style="{{'line-height:'+('80rpx')+';'+('font-size:'+('28rpx')+';')+('color:'+('rgba(255, 107, 19, 1)')+';')+('text-align:'+('left')+';')}}">

        {{options[index]}}

   

 

 

      style="{{'border-color:'+('#ccc')+';'+('background-color:'+('rgba(255, 107, 19, 1)')+';')+('border-radius:'+('20rpx')+';')+('color:'+('rgba(255, 255, 255, 1)')+';')+('border-width:'+('0px')+';')+('font-size:'+('32rpx')+';')+('border-style:'+('solid')+';')+('height:'+('88rpx')+';')}}"

      type="primary" data-event-opts="{{[['tap',[['onLoginTap',['$event']]]]]}}" bindtap="__e"

      class="data-v-4ff48042">登录

 

   

      style="{{'color:'+('rgba(255, 107, 19, 1)')+';'+('font-size:'+('24rpx')+';')}}" bindtap="__e">注册学生

    |

   

      class="link-highlight data-v-4ff48042"

      style="{{'color:'+('rgba(255, 107, 19, 1)')+';'+('font-size:'+('24rpx')+';')}}" bindtap="__e">注册疫情防控人员

    |

   

      style="{{'color:'+('rgba(255, 170, 51, 1)')+';'+('font-size:'+('24rpx')+';')}}" bindtap="__e"

      class="data-v-4ff48042">忘记密码?

 


注册页面

 

   

     

        style="{{'box-shadow:'+('0 0 8rpx #ffaa33')+';'+('border-color:'+('#ccc')+';')+('border-radius:'+('40rpx')+';')+('border-width:'+('0px')+';')+('width:'+('160rpx')+';')+('border-style:'+('solid')+';')+('url:'+('http://codegen.caihongy.cn/20210327/a116aa442827428698066a8d90b2e692.png')+';')+('is-show:'+(false)+';')+('height:'+('160rpx')+';')}}"

        src="http://codegen.caihongy.cn/20210327/a116aa442827428698066a8d90b2e692.png" mode="aspectFill"

        class="data-v-7316b56a">

   

 

 

   

        style="{{'border-color:'+('rgba(255, 170, 51, 1)')+';'+('background-color:'+('#fff')+';')+('border-radius:'+('8rpx')+';')+('color:'+('rgba(0, 0, 0, 1)')+';')+('text-align:'+('left')+';')+('border-width:'+('2rpx')+';')+('font-size:'+('28rpx')+';')+('border-style:'+('solid')+';')+('height:'+('80rpx')+';')}}"

        type="text" name placeholder="学号"

        data-event-opts="{{[['input',[['__set_model',['$0','xuehao','$event',[]],['ruleForm']]]]]}}"

        value="{{ruleForm.xuehao}}" bindinput="__e" />

 

 

   

        style="{{'border-color:'+('rgba(255, 170, 51, 1)')+';'+('background-color:'+('#fff')+';')+('border-radius:'+('8rpx')+';')+('color:'+('rgba(0, 0, 0, 1)')+';')+('text-align:'+('left')+';')+('border-width:'+('2rpx')+';')+('font-size:'+('28rpx')+';')+('border-style:'+('solid')+';')+('height:'+('80rpx')+';')}}"

        type="text" name placeholder="密码"

        data-event-opts="{{[['input',[['__set_model',['$0','mima','$event',[]],['ruleForm']]]]]}}"

        value="{{ruleForm.mima}}" bindinput="__e" />

 

 

   

        style="{{'border-color:'+('rgba(255, 170, 51, 1)')+';'+('background-color:'+('#fff')+';')+('border-radius:'+('8rpx')+';')+('color:'+('rgba(0, 0, 0, 1)')+';')+('text-align:'+('left')+';')+('border-width:'+('2rpx')+';')+('font-size:'+('28rpx')+';')+('border-style:'+('solid')+';')+('height:'+('80rpx')+';')}}"

        type="text" name placeholder="姓名"

        data-event-opts="{{[['input',[['__set_model',['$0','xingming','$event',[]],['ruleForm']]]]]}}"

        value="{{ruleForm.xingming}}" bindinput="__e" />

 

 

   

     

        data-event-opts="{{[['change',[['xueshengxingbieChange',['$event']]]]]}}" bindchange="__e"

        class="data-v-7316b56a">

       

          style="{{'border-color:'+('rgba(255, 170, 51, 1)')+';'+('background-color:'+('#fff')+';')+('border-radius:'+('8rpx')+';')+('color:'+('rgba(0, 0, 0, 1)')+';')+('text-align:'+('left')+';')+('border-width:'+('2rpx')+';')+('font-size:'+('28rpx')+';')+('border-style:'+('solid')+';')+('height:'+('80rpx')+';')}}">

          {{ruleForm.xingbie?ruleForm.xingbie:"请选择性别"}}

     

   

 

 

   

        style="{{'border-color:'+('rgba(255, 170, 51, 1)')+';'+('background-color:'+('#fff')+';')+('border-radius:'+('8rpx')+';')+('color:'+('rgba(0, 0, 0, 1)')+';')+('text-align:'+('left')+';')+('border-width:'+('2rpx')+';')+('font-size:'+('28rpx')+';')+('border-style:'+('solid')+';')+('height:'+('80rpx')+';')}}"

        type="text" name placeholder="年龄"

        data-event-opts="{{[['input',[['__set_model',['$0','nianling','$event',[]],['ruleForm']]]]]}}"

        value="{{ruleForm.nianling}}" bindinput="__e" />

 

 

   

     

        data-event-opts="{{[['change',[['xueshengsuozaiyuanxiChange',['$event']]]]]}}" bindchange="__e"

        class="data-v-7316b56a">

       

          style="{{'border-color:'+('rgba(255, 170, 51, 1)')+';'+('background-color:'+('#fff')+';')+('border-radius:'+('8rpx')+';')+('color:'+('rgba(0, 0, 0, 1)')+';')+('text-align:'+('left')+';')+('border-width:'+('2rpx')+';')+('font-size:'+('28rpx')+';')+('border-style:'+('solid')+';')+('height:'+('80rpx')+';')}}">

          {{ruleForm.suozaiyuanxi?ruleForm.suozaiyuanxi:"请选择所在院系"}}

     

   

 

 

   

        style="{{'border-color:'+('rgba(255, 170, 51, 1)')+';'+('background-color:'+('#fff')+';')+('border-radius:'+('8rpx')+';')+('color:'+('rgba(0, 0, 0, 1)')+';')+('text-align:'+('left')+';')+('border-width:'+('2rpx')+';')+('font-size:'+('28rpx')+';')+('border-style:'+('solid')+';')+('height:'+('80rpx')+';')}}"

        type="text" name placeholder="电话"

        data-event-opts="{{[['input',[['__set_model',['$0','dianhua','$event',[]],['ruleForm']]]]]}}"

        value="{{ruleForm.dianhua}}" bindinput="__e" />

 

 

   

        style="{{'border-color:'+('rgba(255, 170, 51, 1)')+';'+('background-color:'+('#fff')+';')+('border-radius:'+('8rpx')+';')+('color:'+('rgba(0, 0, 0, 1)')+';')+('text-align:'+('left')+';')+('border-width:'+('2rpx')+';')+('font-size:'+('28rpx')+';')+('border-style:'+('solid')+';')+('height:'+('80rpx')+';')}}"

        type="text" name placeholder="邮箱"

        data-event-opts="{{[['input',[['__set_model',['$0','youxiang','$event',[]],['ruleForm']]]]]}}"

        value="{{ruleForm.youxiang}}" bindinput="__e" />

 

 

   

        style="{{'border-color:'+('rgba(255, 170, 51, 1)')+';'+('background-color:'+('#fff')+';')+('border-radius:'+('8rpx')+';')+('color:'+('rgba(0, 0, 0, 1)')+';')+('text-align:'+('left')+';')+('border-width:'+('2rpx')+';')+('font-size:'+('28rpx')+';')+('border-style:'+('solid')+';')+('height:'+('80rpx')+';')}}"

        type="text" name placeholder="身份证"

        data-event-opts="{{[['input',[['__set_model',['$0','shenfenzheng','$event',[]],['ruleForm']]]]]}}"

        value="{{ruleForm.shenfenzheng}}" bindinput="__e" />

 

 

   

        style="{{'border-color:'+('rgba(255, 170, 51, 1)')+';'+('background-color:'+('#fff')+';')+('border-radius:'+('8rpx')+';')+('color:'+('rgba(0, 0, 0, 1)')+';')+('text-align:'+('left')+';')+('border-width:'+('2rpx')+';')+('font-size:'+('28rpx')+';')+('border-style:'+('solid')+';')+('height:'+('80rpx')+';')}}"

        type="text" name placeholder="员工编号"

        data-event-opts="{{[['input',[['__set_model',['$0','yuangongbianhao','$event',[]],['ruleForm']]]]]}}"

        value="{{ruleForm.yuangongbianhao}}" bindinput="__e" />

 

 

   

        style="{{'border-color:'+('rgba(255, 170, 51, 1)')+';'+('background-color:'+('#fff')+';')+('border-radius:'+('8rpx')+';')+('color:'+('rgba(0, 0, 0, 1)')+';')+('text-align:'+('left')+';')+('border-width:'+('2rpx')+';')+('font-size:'+('28rpx')+';')+('border-style:'+('solid')+';')+('height:'+('80rpx')+';')}}"

        type="text" name placeholder="密码"

        data-event-opts="{{[['input',[['__set_model',['$0','mima','$event',[]],['ruleForm']]]]]}}"

        value="{{ruleForm.mima}}" bindinput="__e" />

 

 

   

        style="{{'border-color:'+('rgba(255, 170, 51, 1)')+';'+('background-color:'+('#fff')+';')+('border-radius:'+('8rpx')+';')+('color:'+('rgba(0, 0, 0, 1)')+';')+('text-align:'+('left')+';')+('border-width:'+('2rpx')+';')+('font-size:'+('28rpx')+';')+('border-style:'+('solid')+';')+('height:'+('80rpx')+';')}}"

        type="text" name placeholder="防控人员姓名"

        data-event-opts="{{[['input',[['__set_model',['$0','fangkongrenyuanxingming','$event',[]],['ruleForm']]]]]}}"

        value="{{ruleForm.fangkongrenyuanxingming}}" bindinput="__e" />

 

 

   

     

        data-event-opts="{{[['change',[['yiqingfangkongrenyuanxingbieChange',['$event']]]]]}}" bindchange="__e"

        class="data-v-7316b56a">

       

          style="{{'border-color:'+('rgba(255, 170, 51, 1)')+';'+('background-color:'+('#fff')+';')+('border-radius:'+('8rpx')+';')+('color:'+('rgba(0, 0, 0, 1)')+';')+('text-align:'+('left')+';')+('border-width:'+('2rpx')+';')+('font-size:'+('28rpx')+';')+('border-style:'+('solid')+';')+('height:'+('80rpx')+';')}}">

          {{ruleForm.xingbie?ruleForm.xingbie:"请选择性别"}}

     

   

 

 

   

        style="{{'border-color:'+('rgba(255, 170, 51, 1)')+';'+('background-color:'+('#fff')+';')+('border-radius:'+('8rpx')+';')+('color:'+('rgba(0, 0, 0, 1)')+';')+('text-align:'+('left')+';')+('border-width:'+('2rpx')+';')+('font-size:'+('28rpx')+';')+('border-style:'+('solid')+';')+('height:'+('80rpx')+';')}}"

        type="text" name placeholder="年龄"

        data-event-opts="{{[['input',[['__set_model',['$0','nianling','$event',[]],['ruleForm']]]]]}}"

        value="{{ruleForm.nianling}}" bindinput="__e" />

 

 

   

     

        data-event-opts="{{[['change',[['yiqingfangkongrenyuansuozaiyuanxiChange',['$event']]]]]}}" bindchange="__e"

        class="data-v-7316b56a">

       

          style="{{'border-color:'+('rgba(255, 170, 51, 1)')+';'+('background-color:'+('#fff')+';')+('border-radius:'+('8rpx')+';')+('color:'+('rgba(0, 0, 0, 1)')+';')+('text-align:'+('left')+';')+('border-width:'+('2rpx')+';')+('font-size:'+('28rpx')+';')+('border-style:'+('solid')+';')+('height:'+('80rpx')+';')}}">

          {{ruleForm.suozaiyuanxi?ruleForm.suozaiyuanxi:"请选择所在院系"}}

     

   

 

 

   

        style="{{'border-color:'+('rgba(255, 170, 51, 1)')+';'+('background-color:'+('#fff')+';')+('border-radius:'+('8rpx')+';')+('color:'+('rgba(0, 0, 0, 1)')+';')+('text-align:'+('left')+';')+('border-width:'+('2rpx')+';')+('font-size:'+('28rpx')+';')+('border-style:'+('solid')+';')+('height:'+('80rpx')+';')}}"

        type="text" name placeholder="联系电话"

        data-event-opts="{{[['input',[['__set_model',['$0','lianxidianhua','$event',[]],['ruleForm']]]]]}}"

        value="{{ruleForm.lianxidianhua}}" bindinput="__e" />

 

 

      style="{{'border-color:'+('#ccc')+';'+('background-color:'+('rgba(255, 107, 19, 1)')+';')+('border-radius:'+('20rpx')+';')+('color:'+('rgba(255, 255, 255, 1)')+';')+('border-width:'+('0px')+';')+('font-size:'+('32rpx')+';')+('border-style:'+('solid')+';')+('height:'+('88rpx')+';')}}"

      type="primary" data-event-opts="{{[['tap',[['register',['$event']]]]]}}" bindtap="__e"

      class="data-v-7316b56a">注册


5.系统演示

链接:链接:https://pan.baidu.com/s/1_bcsLAqK9i78IqSjdRwd_Q 

提取码:4t2t

评论信息  共0条
相关资源
友情链接
Powered by 小草站长  |  免责申明   |  侵权举报   |  广告合作
Copyright © 2020-2025 小草知识分享网 版权所有
备案号:鄂ICP备20010415号-1
免责声明:网站所有作品均由会员网上搜集共同更新,仅供读者预览及学习交流使用,下载后请24小时内删除,如果喜欢请购买正版资源!原作者如果认为本站侵犯了您的版权,请QQ告知,我们会立即删除!