egg(104)--egg之去结算页面收货地址的增加 修改 显示（上）

router

router.post('/user/addAddress', initMiddleware, userauthMiddleware, controller.default.address.addAddress);

model

module.exports = app => {
    const mongoose = app.mongoose;
    const Schema = mongoose.Schema;

    const d = new Date();

    const AddressSchema = new Schema({
        uid: { type: Schema.Types.ObjectId },
        name: { type: String },
        phone: { type: Number },
        address: { type: String },
        zipcode: { type: String },
        default_address: { type: Number, default: 1 },
        add_time: {
            type: Number,
            default: d.getTime(),
        },
    });

    return mongoose.model('Address', AddressSchema, 'address');
};

controller

增加地址

app/controller/default/address.js

    async addAddress() {
        const uid = this.ctx.service.cookies.get('userinfo')._id;
        const name = this.ctx.request.body.name;
        const phone = this.ctx.request.body.phone;
        const address = this.ctx.request.body.address;
        const zipcode = this.ctx.request.body.zipcode;
        const addressCount = await this.ctx.model.Address.find({ uid }).count();
        if (addressCount > 20) {
            this.ctx.body = {
                success: false,
                result: '增加收货地址失败 收货地址数量超过限制',
            };
        } else {
            await this.ctx.model.Address.updateMany({ uid }, { default_address: 0 });
            const addressModel = new this.ctx.model.Address({ uid, name, phone, address, zipcode });
            await addressModel.save();
            const addressList = await this.ctx.model.Address.find({ uid }).sort({ default_address: -1 });
            this.ctx.body = {
                success: true,
                result: addressList,
            };
        }
    }

显示地址

app/controller/default/buy.js

    async checkout() {


            // 获取购物车选中的商品

            const orderList = [];
            let allPrice = 0;
            const cartList = this.service.cookies.get('cartList');


            if (cartList && cartList.length > 0) {

                for (let i = 0; i < cartList.length; i++) {

                    if (cartList[i].checked) {
                        orderList.push(cartList[i]);

                        allPrice += cartList[i].price * cartList[i].num;
                    }

                }

                // 获取当前用户的所有收货地址

                const uid = this.ctx.service.cookies.get('userinfo')._id;
                const addressList = await this.ctx.model.Address.find({ uid }).sort({ default_address: -1 });


                await this.ctx.render('default/checkout.html', {
                    orderList,
                    allPrice,
                    addressList,
                });

            } else {
                // 恶意操作
                this.ctx.redirect('/cart');
            }


        }

view

app/view/default/checkout.html

                <div id="addressList">


                    <%for(var i=0;i<addressList.length;i++){%>

                        <div class="address-item J_addressItem  <%if(addressList[i].default_address){%>selected <%}%>" data-id="<%=addressList[i]._id%>" data-name="<%=addressList[i].name%>" data-phone="<%=addressList[i].phone%>" data-address="<%=addressList[i].address%>">

                            <dl>
                                <dt> <em class="uname"><%=addressList[i].name%></em> </dt>
                                <dd class="utel">
                                    <%=addressList[i].phone%>
                                </dd>
                                <dd class="uaddress">
                                    <%=addressList[i].address%>
                                </dd>
                            </dl>

                            <div class="actions" data-id="<%=addressList[i]._id%>">
                                <a href="javascript:void(0);" class="modify addressModify">修改</a>
                            </div>
                        </div>
                        <%}%>

                </div>

    <script>
        $(function() {



            $('#addAddressButton').click(function() {


                var name = $('#add_name').val();
                var phone = $('#add_phone').val();
                var address = $('#add_address').val();
                var zipcode = $('#add_zipcode').val();

                //判断格式是否正确  -自己完善
                if (name == '' || phone == "" || address == "") {

                    alert('格式不正确')
                    return false;
                }
                //csrf
                $.post('/user/addAddress', {
                    name: name,
                    phone: phone,
                    address: address,
                    zipcode: zipcode
                }, function(response) {


                    console.log(response);


                    var addressList = response.result;

                    var str = '';

                    if (response.success == true) {

                        for (var i = 0; i < addressList.length; i++) {

                            if (addressList[i].default_address) {

                                str += '<div class="address-item J_addressItem selected" data-id="' + addressList[i]._id + '" data-name="' + addressList[i].name + '" data-phone="' + addressList[i].phone + '" data-address="' + addressList[i].address + '" > ';
                                str += '<dl>';
                                str += '<dt> <em class="uname">' + addressList[i].name + '</em> </dt>';
                                str += '<dd class="utel">' + addressList[i].phone + '</dd>';
                                str += '<dd class="uaddress">' + addressList[i].address + '</dd>';
                                str += '</dl>';

                                str += '<div class="actions">';
                                str += '<a href="javascript:void(0);" data-id="' + addressList[i]._id + '" class="modify addressModify">修改</a>';
                                str += '</div>';
                                str += '</div>';

                            } else {

                                str += '<div class="address-item J_addressItem" data-id="' + addressList[i]._id + '" data-name="' + addressList[i].name + '" data-phone="' + addressList[i].phone + '" data-address="' + addressList[i].address + '" > ';
                                str += '<dl>';
                                str += '<dt> <em class="uname">' + addressList[i].name + '</em> </dt>';
                                str += '<dd class="utel">' + addressList[i].phone + '</dd>';
                                str += '<dd class="uaddress">' + addressList[i].address + '</dd>';
                                str += '</dl>';

                                str += '<div class="actions">';
                                str += '<a href="javascript:void(0);" data-id="' + addressList[i]._id + '" class="modify addressModify">修改</a>';
                                str += '</div>';
                                str += '</div>';

                            }

                        }

                        //增加

                        $("#addressList").html(str);


                    } else {
                        alert('增加失败');
                    }





                    $('#addAddress').modal('hide');

                })

            })

        })
    </script>

效果