上传代码

java110

2020-06-15 e6d1cb162a7688030983d27375570ce2d52f69ff

 docs/index.html

@@ -52,11 +52,11 @@

               <div class="collapse navbar-collapse top-nav" id="menu-4">
                  <ul class="nav navbar-nav navbar-right">
                     <li><a class="scroll" href="#service">服务架构介绍</a></li>
                     <li><a class="scroll" href="#portfolio">产品展示</a></li>
                     <li><a class="scroll" href="/document/#/start/vedio">入门视频</a></li>
                     <li><a class="scroll" href="#team">开发者</a></li>
                     <li><a class="scroll" href="#contact">联系我们</a></li>
                     <li><a class="scroll" href="/document"  target="_blank">开发文档</a></li>
                     <li><a class="scroll" href="https://gitee.com/java110" target="_blank">源码下载</a></li>
                     <li><a class="scroll" href="https://space.bilibili.com/403702784" target="_blank">入门视频</a></li>
                     <li><a class="scroll" href="/2020年月轮闸机报价表.xls" target="_blank">推荐门禁道闸</a></li>
                     <li><a class="scroll" href="http://www.homecommunity.cn/document/#/license">技术支持</a></li>
                  </ul>
                  
               </div>
@@ -73,16 +73,23 @@
      <div class="row">
         <div class="col-md-6 col-sm-8 col-xs-12">
            <div class="intro-content">
               <h1>HC 物业管理系统</h1>
               <p>物业管理系统是现代居住小区不可缺少的一部分。一个好的物业管理系统可以提升小区的管理水平，使小区的日常管理更加方便。将计算机的强大功能与现代的管理思想相结合，建立现代的智能小区是物业管理发展的方向。重视现代化的管理，重视细致周到的服务是小区工作的宗旨。以提高物业管理的经济效益、管理水平，确保取得最大经济效益为目标</p>
               <a class="btn btn-default" href="https://github.com/java110/MicroCommunity" role="button">源码下载<i class="lnr lnr-arrow-right"></i></a></i></a>
               <a class="btn btn-primary" href="/document" role="button">相关文档 <i class="lnr lnr-arrow-right"></i></a></i></a>
               <h1>HC小区物业管理系统</h1>
               <p>HC小区物业管理系统是由java110团队于2017年4月份发起的前后端分离、分布式架构开源项目，目前我们的代码开源在github 和gitee上，开源项目由HC小区管理系统后端，HC小区管理系统前端，HC小区管理系统业主手机版和HC小区管理系统物业手机版，业务技术交流群：827669685</p>
               <a class="btn btn-default" href="https://hc.demo.winqi.cn" target="_blank" role="button">物业系统演示<i class="lnr lnr-arrow-right"></i></a></i></a>
               <a class="btn btn-primary" href="#" data-toggle="modal" data-target="#ownerModal" target="_blank" role="button">小程序(业主版)演示 <i class="lnr lnr-arrow-right"></i></a></i></a>
               <div><i class="fa fa-caret-down"></i></div>    
            </div>
         </div>
         <div class="col-md-6 col-sm-8 col-xs-12">
            <!--<div><img src="images/intro-image.png" class="img-responsive" alt="intro-image"></div>-->
            <div><img src="images/0003.png" class="img-responsive" alt="intro-image"></div>
            <div class="width:100%; height:100%">
               <!--<img src="images/0003.png" class="img-responsive" alt="intro-image">-->
               <iframe src="//player.bilibili.com/player.html?aid=78427253&cid=134191715&page=1"
                     scrolling="no" border="0" frameborder="no" framespacing="0"
                     width="100%"
                     height="100%"
                     allowfullscreen="true"> </iframe>
            </div>
         </div>
      </div>
   </div>
@@ -98,33 +105,33 @@
               <div class="col-md-4">
                  <div class="media">
                     <div class="media-left media-middle">
                        <i class="fa fa-windows"></i>
                        <i class="glyphicon glyphicon-play"></i>
                     </div>
                     <div class="media-body">
                        <h3>Windows</h3>
                        <p>PC端应用让操作更快捷</p>
                        <h3>第一期(2019-03至2019-12)</h3>
                        <p>物业管理系统，建设完成，已经商业落地，目前在完善中</p>
                     </div>
                  </div>
               </div>
               <div class="col-md-4">
                  <div class="media">
                     <div class="media-left media-middle">
                        <i class="fa fa-android"></i>
                        <i class="glyphicon glyphicon-play"></i>
                     </div>
                     <div class="media-body">
                        <h3>Android</h3>
                        <p>完美支持安卓手机</p>
                        <h3>第二期(2020-01至2020-02)</h3>
                        <p>业主版小程序，演示版本已经上线</p>
                     </div>
                  </div>
               </div>
               <div class="col-md-4">
                  <div class="media">
                     <div class="media-left media-middle">
                        <i class="fa fa-apple"></i>
                        <i class="glyphicon glyphicon-play"></i>
                     </div>
                     <div class="media-body">
                        <h3>Apple</h3>
                        <p>兼容苹果让适配更完美</p>
                        <h3>第三期(2020-03至2020-09)</h3>
                        <p>社区商城（未开始）</p>
                     </div>
                  </div>
               </div>
@@ -135,12 +142,42 @@
</section>
<!--======== end support =========-->

<section class="work">
   <div class="container">
      <div class="row">
         <div class="col-md-8 col-md-offset-2 text-center">
            <h2 class="section-title">功能列表</h2>
         </div>
      </div>
      <div class="row">
         <div class="col-md-12">
            <img src="images/hc_function.png" width="100%" height="500px" alt="HC小区管理系统功能列表" />
         </div>
      </div>
   </div>
</section>

<section class="work">
   <div class="container">
      <div class="row">
         <div class="col-md-8 col-md-offset-2 text-center">
            <h2 class="section-title">技术架构</h2>
         </div>
      </div>
      <div class="row" style="margin-top: 20px">
         <div class="col-md-12">
            <img src="images/system.png" width="100%" height="500px" alt="系统架构图" />
         </div>
      </div>
   </div>
</section>

<!--======== Our Services =========-->
<section id="service" class="service">
   <div class="container">
      <div class="row">
         <div class="col-md-8 col-md-offset-2 text-center">  
            <h1 class="section-title">服务架构介绍</h2>
            <h2 class="section-title">服务架构介绍</h2>
            <p class="section-para">微服务是一种架构风格，一个大型复杂软件应用由一个或多个微服务组成。系统中的各个微服务可被独立部署，各个微服务之间是松耦合的。每个微服务仅关注于完成一件任务并很好地完成该任务。
               在所有情况下，每个任务代表着一个小的业务能力。</p>
         </div>
@@ -249,26 +286,6 @@
</section>
<!--======== end Our Services =========-->
<!--======== about us =========-->
<!--<section class="about-us">
   <div class="container">
      <div class="row">
         <div class="col-md-5 col-xs-12">
            <div class="about-content">
               <h1 class="section-title">About Us</h1>
               <p>Lorem ipsum dolor sit amet reprehenderit, enim eiusmod high life 
               accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard 
               dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Haccusamus terry richardson ad squid. pwolf moon 
               officia aute, non cupidatat skateboard. Wolf moon officia aute, non cupidatat skateboard 
               dolor brunch. Food truck quinoa nesciunt cusamus terry richardson ad squid.</p>
               <a class="btn btn-default" href="#" role="button">Download <i class="lnr lnr-arrow-right"></i></a></i></a>
            </div> 
         </div>
         <div class="col-md-7 col-xs-12">
            <div class="about-img"><img class="img-responsive" src="images/about-us.png" alt="about us image" /></div>
         </div>
      </div>
   </div>
</section>-->
<!--======== end about us =========-->

<!--======== Our portfolio =========-->
@@ -276,104 +293,62 @@
   <div class="container">
      <div class="row">
         <div class="col-md-8 col-md-offset-2 text-center">  
            <h1 class="section-title">产品展示</h2>
            <h2 class="section-title">物业管理系统</h2>
            <p class="section-para">我们对现有的产品做了一个演示环境,包含了业主管理、车位管理、小区管理等基础功能，方便各位合作伙伴及开发者朋友们更直观的了解我们的产品以及快速的加入到我们的开发者大军中来</p>
               <div class="col-md-7 col-xs-12">
                  <div class="about-img"><img class="img-responsive" src="images/0001.png" alt="about us image" /></div>
               </div>
               <p class="section-para">带上用户密码吧：wuxw/admin</p>
               <a class="btn btn-default" href="https://demo.java110.com/" role="button">去看产品 <i class="lnr lnr-arrow-right"></i></a></i></a>
         </div>
      </div>
		
      <!--<div class="row">
         <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="col-md-3">
               <div class="single-work"><img src="images/work-1.jpg" alt="">
                  <div class="service-overflow">
                     <ul class="list-inline work-links text-center">
                        <li><i class="lnr lnr-magnifier"></i></li>
                        <li><i class="lnr lnr-link"></i></li>
                        <li><i class="lnr lnr-thumbs-up"></i></li>
                     </ul>
                  </div>
               </div>

               <div class="single-work"><img src="images/work-2.jpg" alt="">
                  <div class="service-overflow">
                     <ul class="list-inline work-links text-center">
                        <li><i class="lnr lnr-magnifier"></i></li>
                        <li><i class="lnr lnr-link"></i></li>
                        <li><i class="lnr lnr-thumbs-up"></i></li>
                     </ul>
                  </div>
               </div>
            </div>
            <div class="col-md-3">
               <div class="single-work"><img src="images/work-2.jpg" alt="">
                  <div class="service-overflow">
                     <ul class="list-inline work-links text-center">
                        <li><i class="lnr lnr-magnifier"></i></li>
                        <li><i class="lnr lnr-link"></i></li>
                        <li><i class="lnr lnr-thumbs-up"></i></li>
                     </ul>
                  </div>
               </div>

                <div class="single-work"><img src="images/work-1.jpg" alt="">
                  <div class="service-overflow">
                     <ul class="list-inline work-links text-center">
                        <li><i class="lnr lnr-magnifier"></i></li>
                        <li><i class="lnr lnr-link"></i></li>
                        <li><i class="lnr lnr-thumbs-up"></i></li>
                     </ul>
                  </div>
               </div>
            </div>
            <div class="col-md-3">
               <div class="single-work"><img src="images/work-1.jpg" alt="">
                  <div class="service-overflow">
                     <ul class="list-inline work-links text-center">
                        <li><i class="lnr lnr-magnifier"></i></li>
                        <li><i class="lnr lnr-link"></i></li>
                        <li><i class="lnr lnr-thumbs-up"></i></li>
                     </ul>
                  </div>
               </div>

               <div class="single-work"><img src="images/work-2.jpg" alt="">
                  <div class="service-overflow">
                     <ul class="list-inline work-links text-center">
                        <li><i class="lnr lnr-magnifier"></i></li>
                        <li><i class="lnr lnr-link"></i></li>
                        <li><i class="lnr lnr-thumbs-up"></i></li>
                     </ul>
                  </div>
               </div>
            </div>
            <div class="col-md-3">
               <div class="single-work"><img src="images/work-2.jpg" alt="">
                  <div class="service-overflow">
                     <ul class="list-inline work-links text-center">
                        <li><i class="lnr lnr-magnifier"></i></li>
                        <li><i class="lnr lnr-link"></i></li>
                        <li><i class="lnr lnr-thumbs-up"></i></li>
                     </ul>
                  </div>
               </div>

               <div class="single-work"><img src="images/work-1.jpg" alt="">
                  <div class="service-overflow">
                     <ul class="list-inline work-links text-center">
                        <li><i class="lnr lnr-magnifier"></i></li>
                        <li><i class="lnr lnr-link"></i></li>
                        <li><i class="lnr lnr-thumbs-up"></i></li>
                     </ul>
                  </div>
               </div>
            </div>
      <div class="row">
         <div class="col-md-6">
            <img src="images/prod_001.png" width="100%" height="300px" alt="登录页面" />
         </div>
      </div>-->
         <div class="col-md-6">
            <img src="images/prod_002.png" width="100%" height="300px" alt="物业页面" />
         </div>
      </div>
      <div class="row" style="margin-top: 20px">
         <div class="col-md-6">
            <img src="images/prod_003.png" width="100%" height="300px" alt="开发者页面" />
         </div>
         <div class="col-md-6">
            <img src="images/prod_004.png" width="100%" height="300px" alt="物业页面" />
         </div>
      </div>

      <div class="row" style="margin-top: 80px">
         <div class="col-md-8 col-md-offset-2 text-center">
            <h2 class="section-title">业主版小程序</h2>
            <p class="section-para">hc智慧家园小程序 是 HC小区开源项目的一个分支项目，主要给业主使用，其中包括缴物业费，缴停车费，投诉建议，家庭成员维护，房屋保修 房屋出租，公告查看，开门等功能。</p>
         </div>
      </div>
      <div class="row" style="margin-top: 20px">
         <div class="col-md-3">
            <img src="images/prod_owner_001.jpg" width="100%" height="450px" alt="业主小程序首页" />
         </div>
         <div class="col-md-3">
            <img src="images/prod_owner_002.jpg" width="100%" height="450px" alt="开发者页面" />
         </div>
         <div class="col-md-3">
            <img src="images/prod_owner_003.jpg" width="100%" height="450px" alt="业主小程序首页" />
         </div>
         <div class="col-md-3">
            <img src="images/prod_owner_004.jpg" width="100%" height="450px" alt="开发者页面" />
         </div>
      </div>

      <div class="row" style="margin-top: 20px">
         <div class="col-md-3">
            <img src="images/prod_owner_005.jpg" width="100%" height="450px" alt="业主小程序首页" />
         </div>
         <div class="col-md-3">
            <img src="images/prod_owner_006.jpg" width="100%" height="450px" alt="开发者页面" />
         </div>
         <div class="col-md-3">
            <img src="images/prod_owner_007.jpg" width="100%" height="450px" alt="业主小程序首页" />
         </div>
         <div class="col-md-3">
            <img src="images/prod_owner_008.jpg" width="100%" height="450px" alt="业主小程序业主信息" />
         </div>
      </div>
   </div>
</section>
<!--======== end Our Work =========-->
@@ -418,15 +393,15 @@
         </div>
         <div class="col-sm-3">
            <div class="expert-box">
               <img src="images/rzy.png" alt="">
               <img src="images/wtl.png" alt="">
               <div class="expert-overflow">
                  <ul class="list-inline text-center">
                     <li><a href="https://weibo.com/homecommunity"><i class="fa fa-Twitter"></i></a></li>
                  </ul>
               </div>
               <div class="name-plate text-center">
                  <h3 class="expert-name">任志远</h3>
                  <strong class="expert-tag">我是3号，我都爱但依然单身</strong>
                  <h3 class="expert-name">王天良</h3>
                  <strong class="expert-tag">我是3号：雄心壮，责任大、运维男，人人夸</strong>
               </div>
            </div>
         </div>
@@ -449,32 +424,6 @@
   </div>    
</section>
<!--======== end our Genius =========-->

<!--======== extra featrue =========-->
<!--<section class="extra-feature">
   <div class="container"> 
      <div class="row">
         <div class="col-md-8 col-md-offset-2 text-center">  
            <h1 class="section-title">Promo Compatibility</h2>
            <p class="section-para">Lorem ipsum dolor sit amet reprehenderit, enim eiusmod high life accusamus terry richardson ad
            squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod cusamus terry.</p>
            <ul class="list-inline platform text-center">
               <li><i class="lnr lnr-screen"></i><span>Relability</span></li>
               <li><i class="lnr lnr-laptop-phone"></i><span>Responsive</span></li>
               <li><i class="lnr lnr-smartphone"></i><span>Comfortable</span></li>
            </ul>
         </div>
      </div>
      <div class="row">
         <div class="col-md-10 col-md-offset-1">
            <div class="e-feature">
               <img class="feature-img" src="images/compatibility-img.png" alt="" />
            </div>    
         </div>    
      </div>
   </div>    
</section>-->
<!--======== end extra featrue =========-->    

<!--======== our sponsors =========-->
<section id="clients" class="our-sponsors">
@@ -521,12 +470,12 @@
         </div>
         <div class="col-md-4">
            <div class="people">
               <p>项目开发的六个阶段：1. 充满热情 2. 醒悟3. 痛苦 4. 找出罪魁祸首 5. 惩罚无辜 6. 褒奖闲人</p>
               <p>1. 充满热情 2. 醒悟3. 痛苦 4. 找出罪魁祸首 5. 惩罚无辜 6. 褒奖闲人</p>
               <div class="media">

                  <div class="media-body">
                     <h3 class="media-heading">志远</h3>
                     <strong>反正我都爱！主要还单身</strong>
                     <h3 class="media-heading">王天良</h3>
                     <strong>雄心壮，责任大、运维男，人人夸</strong>
                  </div>
               </div>
            </div>
@@ -580,7 +529,7 @@
   <div class="container">
      <div class="row">
         <div class="col-md-8 col-md-offset-2 text-center">  
            <h1 class="section-title">联系我们</h2>
            <h2 class="section-title">联系我们</h2>
            <p class="section-para">有兴趣更深入的了解我们的产品，或者想加入我们一起来完善我们的作品请看看下面的联系方式，联系我们！加入我们！  期待与你的相遇</p>
         </div>
      </div>
@@ -594,31 +543,9 @@
                     <p>HC开发群：992420128</p>
                  </div>
               </div>
               <div class="col-md-12">
                  <div class="form-group">
                     <label class="sr-only" for="exampleInputEmail3">邮件</label>
                     <p>作者邮箱：928255095@qq.com</p>
                     <p>程序员邮箱：1537006941@qq.com</p>
                  </div>
               </div>
            <!--   <div class="col-md-12">
                  <div class="form-group">
                     <label class="sr-only" for="exampleInputEmail3">Phone</label>
                     <input type="tel" class="form-control" id="exampleInputEmail3" placeholder="Phone">
                  </div>
               </div>-->
            </div>    
         </div>
      <!--   <div class="col-md-4">
            <div class="row">
               <div class="col-md-12">
                  <div class="form-group">
                     <label class="sr-only" for="exampleInputEmail3">Massage</label>
                     <textarea class="form-control textarea" rows="5" placeholder="Massage"></textarea>
                  </div>
               </div>
            </div>
         </div>-->

      </div>
      <div class="row">
         <div class="col-md-8 col-md-offset-2">
@@ -636,7 +563,7 @@
   <div class="container">
      <div class="row">
         <div class="col-md-12 col-sm-12 col-md-12 text-center">
            <p>Copyright &copy; 2019.Company name All rights reserved.</p>
            <p>Copyright &copy; 2020.java110 All rights reserved.</p>
         </div>
      </div>
   </div>    
@@ -649,4 +576,24 @@
<script src="js/owl.carousel.min.js"></script>
<script src="js/custom.js"></script>
</body>


<div div class="modal fade" id="ownerModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
   <div class="modal-dialog" role="document">
      <div class="modal-content">
         <div class="modal-header">
            <h5 class="modal-title">小程序二维码</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
               <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <img src="images/hcOwner.png" alt="业主小程序"/>
         </div>
         <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
         </div>
      </div>
   </div>
</div>
</html>