商家申请入驻

1.1需求分析

商家申请入驻,需要填写商家相关的信息。待运营商平台审核通过后即可使用。

1.2 前端代码

修改sunny-shop-web/src/main/webapp/register.html页面,引入js

<script src="/plugins/angularjs/angular.min.js"></script>
<
script src="/js/base.js"></script>
<
script src="/js/service/baseService.js"></script>
<
script src="/js/controller/baseController.js"></script>
<
script src="/js/controller/sellerController.js"></script>

register.html相关指令:

<body ng-app="pinyougou" ng-controller="sellerController"> 

register.html绑定表单(部分代码)31行-171行:

<form class="sui-form form-horizontal">
   <
div class="control-group">
      <
label class="control-label">登录名(不可修改):</label>
      <
div class="controls">
         <
input type="text" placeholder="登录名"
             
 ng-model="seller.sellerId"
               class="input-xfat input-xlarge"
>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label">登录密码:</label>
      <
div class="controls">
         <
input type="password" placeholder="登录密码"
             
 ng-model="seller.password"
               class="input-xfat input-xlarge"
>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label">店铺名称:</label>
      <
div class="controls">
         <
input type="text" placeholder="店铺名称"
              
ng-model="seller.nickName"
               class="input-xfat input-xlarge"
>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label">公司名称:</label>
      <
div class="controls">
         <
input type="text" placeholder="公司名称"
             
 ng-model="seller.name" class="input-xfat input-xlarge"
>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label">公司电话:</label>
      <
div class="controls">
         <
input type="text" placeholder="公司电话"
             
 ng-model="seller.telephone" class="input-xfat input-xlarge"
>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label">公司详细地址:</label>
      <
div class="controls">
         <
input type="text" placeholder="公司详细地址"
              
ng-model="seller.addressDetail" class="input-xfat input-xlarge"
>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label">联系人姓名:</label>
      <
div class="controls">
         <
input type="text" placeholder="联系人姓名"
             
 ng-model="seller.linkmanName" class="input-xfat input-xlarge"
>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label">联系人QQ</label>
      <
div class="controls">
         <
input type="text" placeholder="联系人QQ"
              
ng-model="seller.linkmanQq" class="input-xfat input-xlarge"
>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label">联系人手机:</label>
      <
div class="controls">
         <
input type="text" placeholder="联系人手机"
              
ng-model="seller.linkmanMobile" class="input-xfat input-xlarge"
>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label">联系人EMAIL</label>
      <
div class="controls">
         <
input type="text" placeholder="联系人EMAIL"
              
ng-model="seller.linkmanEmail" class="input-xfat input-xlarge"
>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label">营业执照号:</label>
      <
div class="controls">
         <
input type="text" placeholder="营业执照号"
             
 ng-model="seller.licenseNumber" class="input-xfat input-xlarge"
>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label">税务登记证号:</label>
      <
div class="controls">
         <
input type="text" placeholder="税务登记证号"
              
ng-model="seller.taxNumber" class="input-xfat input-xlarge"
>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label">组织机构代码证:</label>
      <
div class="controls">
         <
input type="text" placeholder="组织机构代码证"
              
ng-model="seller.orgNumber" class="input-xfat input-xlarge"
>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label">法定代表人:</label>
      <
div class="controls">
         <
input type="text" placeholder="法定代表人"
              
ng-model="seller.legalPerson" class="input-xfat input-xlarge"
>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label">法定代表人身份证号:</label>
      <
div class="controls">
         <
input type="text" placeholder="法定代表人身份证号"
             
 ng-model="seller.legalPersonCardId" class="input-xfat input-xlarge"
>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label">开户行名称:</label>
      <
div class="controls">
         <
input type="text" placeholder="开户行名称"
              
ng-model="seller.bankName" class="input-xfat input-xlarge"
>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label">开户行支行:</label>
      <
div class="controls">
         <
input type="text" placeholder="开户行支行"
              
ng-model="seller.bankUser" class="input-xfat input-xlarge"
>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label">银行账号:</label>
      <
div class="controls">
         <
input type="text" placeholder="银行账号"
              
ng-model="seller.brief" class="input-xfat input-xlarge"
>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label">
        
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
      <
div class="controls">
         <
input name="m1" type="checkbox" value="2" checked="">
         <
span>同意协议并注册  <a href="sampling.html">《品优购商家入驻协议》</a></span>
      </
div>
   </
div>
   <
div class="control-group">
      <
label class="control-label"></label>
      <
div class="controls btn-reg">
         <
a class="sui-btn btn-block btn-xlarge btn-danger"
           
ng-click="saveOrUpdate()"
>申请入驻</a>
      </
div>
   </
div>
</
form> 

修改sunny-shop-web/src/main/webapp/js/controller的

sellerController.js在保存成功后跳转到登录页面

/** 添加商家 */
$scope.saveOrUpdate = function(){
   
/** 发送post请求 */
   
baseService.sendPost("/seller/save", $scope.seller)
        .
then(function(response){
           
if (response.data){
               
/** 跳转到商家登录页面 */
              
 location
.href = "/shoplogin.html";
            }else{
                alert(
"操作失败!");
            }
        });
};

2.1 后端代码

 2.1.1 控制器层

sunny-shop-web/src/main/java/com.sunny.shop.controller包下创建SellerController.java

@RestController
@RequestMapping
("/seller")
public class SellerController {
   
/** 注入商家服务接口代理对象 */
   
@Reference(timeout = 10000)
   
private SellerService sellerService;
   
/** 添加商家 */
   
@PostMapping("/save")
   
public boolean save(@RequestBody Seller seller){
       
try{
           
sellerService.save(seller);
           
return true;
        }
catch (Exception ex){
            ex.printStackTrace();
        }
       
return false;
    }
}

  2.1.2 服务层

sunny-sellergoods-service/src/main/java/com.sunny.sellergoods.service.impl包下创建SellerServiceImpl.java

@Service(interfaceName = "com.pinyougou.service.SellerService")
@Transactional
public class SellerServiceImpl implements SellerService {
   
@Autowired
    private SellerMapper sellerMapper;

    /** 添加商家 */
   
@Override
   
public void save(Seller seller) {
       
try{
            seller.setStatus(
"0");
            seller.setCreateTime(
new Date());
           
sellerMapper.insertSelective(seller);
        }
catch(Exception ex){
           
throw new RuntimeException(ex);
        }
    }
   
@Override
   
public void update(Seller seller) {
    }
   
@Override
   
public void delete(Serializable id) {
    }
   
@Override
   
public void deleteAll(Serializable[] ids) {
    }
   
@Override
   
public Seller findOne(Serializable id) {
       
return null;
    }
   
@Override
   
public List<Seller> findAll() {
       
return null;
    }
   
@Override
  
 public List<Seller> findByPage(Seller seller, int page, int rows) {
        return null;
    }
}

访问地址:http://shop.sunny.com/register.html 

没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试