项目的心得-CSDN博客

本文链接：https://blog.csdn.net/2201_75937597/article/details/135286419

参与酒店管理项目的经历让我深深体会到以下几个方面的心得：

细节决定成败：酒店管理涉及到众多细节，从客房清洁、餐饮服务到前台接待，每一个环节都需要精细管理和严格把控。任何一个小细节的疏忽都可能影响到客人的体验和满意度。因此，我深刻认识到在项目实施过程中，关注细节、追求完美是至关重要的。
客户服务至上：酒店行业是服务行业的重要组成部分，提供优质的服务是酒店生存和发展的基础。在项目执行过程中，我深感理解并满足客户需求的重要性。无论是预定流程的优化，还是房间设施的提升，都需要以提升客户体验为中心。
团队协作的力量：酒店管理项目往往需要多个部门协同工作，如前厅部、客房部、餐饮部等。良好的团队协作能够确保各项工作的顺畅进行，提高工作效率。在这个过程中，我学会了如何有效地沟通协调，理解和尊重不同部门的需求和工作方式，共同为提升酒店服务质量努力。
持续改进和创新：酒店行业竞争激烈，只有不断创新和改进，才能在市场中保持竞争力。在项目中，我了解到需要定期对酒店的各项运营数据进行分析，找出问题和改进点，不断优化服务和管理流程。
应对突发事件的能力：酒店行业中难免会遇到各种突发情况，如设备故障、客人投诉等。通过这个项目，我锻炼了应对突发事件的能力，学会了如何在压力下保持冷静，迅速找到解决问题的方法。

在这项目中运用的一些技术。以下是实例：

一、使用layui，Layui是一款简洁易用的前端UI框架，提供丰富的组件库和良好的文档支持，确保跨浏览器兼容性和响应式设计。其高度定制化的特性、活跃的社区以及对开发效率的提升，使得在项目中使用layui能够简化开发过程，提高页面美观性和用户体验，便于维护和扩展，是开发者构建高质量网页应用的理想选择。

这是用户界面的代码：

@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="/css/public.css" media="all">
</head>
<body>
    <div class="layuimini-container">
        <div class="layuimini-main">

            <fieldset class="table-search-fieldset">
                <legend>搜索信息</legend>
                <div style="margin: 10px 10px 10px 10px">
                    <form class="layui-form layui-form-pane" action="">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">用户姓名</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="userName" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">用户电话</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="phone" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <button type="submit" class="layui-btn layui-btn-primary" lay-submit lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索</button>
                            </div>
                        </div>
                    </form>
                </div>
            </fieldset>

            <script type="text/html" id="toolbarDemo">
                <div class="layui-btn-container">
                    <button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> 添加 </button>
                    <button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除 </button>
                </div>
            </script>

            <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>

            <script type="text/html" id="currentTableBar">
                <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="edit">编辑</a>
                <a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a>
            </script>

        </div>
    </div>
    <script src="/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
    <script>

        var table;

        layui.use(['form', 'table'], function () {
            var $ = layui.jquery;
            var form = layui.form;
            table = layui.table;

            table.render({
                elem: '#currentTableId',
                //url: '../api/table.json', //接口返回的数据
                url: '/UserInfo/GetUserInfoList',
                toolbar: '#toolbarDemo',
                defaultToolbar: ['filter', 'exports', 'print', {
                    title: '提示',
                    layEvent: 'LAYTABLE_TIPS',
                    icon: 'layui-icon-tips'
                }],
                cols: [[
                    { type: "checkbox", width: 50 },
                    { field: 'id', width: 80, title: 'ID', hide: true },
                    { field: 'userName', minWidth: 120, title: '用户姓名' },
                    { field: 'sex', minWidth: 80, title: '性别' },
                    { field: 'phoneNum', minWidth: 80, title: '电话' },
                    { field: 'email', title: '邮箱', minWidth: 150 },
                    { field: 'departmentName', minWidth: 80, title: '部门' },
                    { field: 'createTime', minWidth: 80, title: '创建时间', sort: true },
                    { title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center" }
                ]],
                limits: [10, 15],
                limit: 10,
                page: true,
                skin: 'line'
            });

            // 监听搜索操作
            form.on('submit(data-search-btn)', function (data) {
                // var result = JSON.stringify(data.field);
                // layer.alert(result, {
                //     title: '最终的搜索信息'
                // });

                //执行搜索重载
                table.reload('currentTableId', {
                    page: {
                        curr: 1
                    }
                    , where: {
                        userName: data.field.userName,
                        phone: data.field.phone
                    }
                }, 'data');

                return false;
            });

            /**
             * toolbar监听事件
             */
            table.on('toolbar(currentTableFilter)', function (obj) {
                if (obj.event === 'add') {  // 监听添加操作
                    var index = layer.open({
                        title: '添加用户',
                        type: 2,
                        shade: 0.2,
                        maxmin: true,
                        shadeClose: true,
                        area: ['100%', '100%'],
                        content: '/UserInfo/CreateUserInfoView',
                    });
                    $(window).on("resize", function () {
                        layer.full(index);
                    });
                } else if (obj.event === 'delete') {  // 监听删除操作
                    var checkStatus = table.checkStatus('currentTableId')
                        , data = checkStatus.data;
                    // layer.alert(JSON.stringify(data));

                    layer.confirm('真的删除行么', function (index) {
                        //id数组
                        var ids = [];
                        //处理数据，得到id数组
                        for (var i = 0; i < data.length; i++) {
                            ids.push(data[i].id);
                        }

                        $.ajax({
                            url: '/UserInfo/DeleteUserInfos',
                            type: 'post',
                            data: {
                                userIds: ids
                            },
                            success: function (res) {
                                if (res.code == 200) {
                                    layer.close(index);

                                    //执行搜索重载
                                    table.reload('currentTableId', {
                                        page: {
                                            curr: 1
                                        }
                                        , where: {
                                        }
                                    }, 'data');

                                } else {
                                    layer.msg(res.msg);
                                }
                            }
                        });
                    });
                }
            });

            //监听表格复选框选择
            table.on('checkbox(currentTableFilter)', function (obj) {
                // console.log(obj)
            });

            table.on('tool(currentTableFilter)', function (obj) {
                var data = obj.data;
                if (obj.event === 'edit') {

                    var index = layer.open({
                        title: '编辑用户',
                        type: 2,
                        shade: 0.2,
                        maxmin: true,
                        shadeClose: true,
                        area: ['100%', '100%'],
                        content: '/UserInfo/UpdateUserInfoView?id=' + obj.data.id,
                    });
                    $(window).on("resize", function () {
                        layer.full(index);
                    });
                    return false;
                } else if (obj.event === 'delete') {
                    layer.confirm('真的删除行么', function (index) {

                        $.ajax({
                            url: '/UserInfo/DeleteUserInfo',
                            type: 'post',
                            data: {
                                userId: obj.data.id
                            },
                            success: function (res) {
                                if (res.code == 200) {
                                    //从列表中删除当前行的数据
                                    obj.del();
                                    //关闭对话框
                                    layer.close(index);
                                } else {
                                    layer.msg(res.msg);
                                }
                            }
                        });


                    });
                }
            });

        });
    </script>

</body>
</html>

这是一些表单：

@{
Layout = null;
}

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="/lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required">账号</label>
<div class="layui-input-block">
<input type="text" name="account" lay-verify="required" lay-reqtext="账号不能为空" placeholder="请输入账号" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required">用户名</label>
<div class="layui-input-block">
<input type="text" name="userName" lay-verify="required" lay-reqtext="用户名不能为空" placeholder="请输入用户名" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required">性别</label>
<div class="layui-input-block">
<input type="radio" name="sex" value="0" title="男" checked="">
<input type="radio" name="sex" value="1" title="女">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label ">手机</label>
<div class="layui-input-block">
<input type="number" name="phone" placeholder="请输入手机" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">邮箱</label>
<div class="layui-input-block">
<input type="email" name="email" placeholder="请输入邮箱" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">部门</label>
<div class="layui-input-block">
<select name="departmentId" lay-filter="department" id="departmentSelect">
<option value=""></option>
</select>
</div>
</div>

<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
</div>
</div>
</div>
<script src="/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script>
layui.use(['form'], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;

//发起异步请求获取部门下拉选的备选数据
$.ajax({
url: '/DepartmentInfo/GetSelectOptionList',
type: 'get',
data: {},
success: function (res) {
if (res.code == 200) {
//遍历数组，添加备选数据到下拉选中
var list = res.data.list;
for (var i = 0; i < list.length; i++) {
$('#departmentSelect').append('<option value="' + list[i].id + '">' + list[i].departmentName + '</option>');
}
form.render('select');
} else {
layer.msg(res.msg);
}
}
});

//监听提交
form.on('submit(saveBtn)', function (data) {
$.ajax({
url: '/UserInfo/CreateUserInfo',
type: 'post',
data: data.field,
success: function (res) {
if (res.code == 200) {

//关闭添加页面
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);

//执行搜索重载
window.parent.table.reload('currentTableId', {
page: {
curr: 1
}
, where: {
}
}, 'data');

} else {
layer.msg(res.msg);
}
}
});

// var index = layer.alert(JSON.stringify(data.field), {
// title: '最终的提交信息'
// }, function () {

// // 关闭弹出层
// layer.close(index);

// var iframeIndex = parent.layer.getFrameIndex(window.name);
// parent.layer.close(iframeIndex);

// });

return false;
});

});
</script>
</body>
</html>，

二、

使用封装的三层架构（表现层、业务逻辑层、数据访问层）在后端开发中便于维护和，采用封装的三层架构进行后端开发能够带来更好的代码组织、更高的开发效率、更强的系统扩展性和稳定性，以及更便捷的团队协作和项目管理，是现代软件开发中的重要实践之一。

总的来说，参与酒店管理项目是一次宝贵的学习和成长经历。它让我深入理解了酒店行业的运作规律和管理要点，提升了我的服务意识、团队协作能力和问题解决能力。在未来的工作中，我将把这些心得应用到实践中，为提升酒店服务质量做出更大的贡献。