软件工程-人事管理系统(二)

本文介绍了人事管理系统游客界面的设计思路,采用黑金主题,布局为上下盒子结构。页面包含标题、返回按钮、功能按钮及欢迎文字。设计中存在一些问题,如返回按钮视觉效果和背景图片加载速度等,作者计划进行优化,并分享了部分html和CSS代码。
摘要由CSDN通过智能技术生成

~~

人事管理系统(二)

~~
人事管理系统的游客界面(这几天准备软考,代码敲的有所懈怠(手动狗头))
游客界面的目的是让游客可以不用注册登录就可以体验系统的功能
主流色调依旧是大气的黑金,布局采用上下盒子布局,下盒子拆分成两个盒子,上盒子用来放标题和返回按钮,下盒子左边用来存放功能按钮,右侧用来做欢迎游客进入的页面,效果图如下
在这里插入图片描述
此页面除了中间的欢迎文字,其余文字均使用了渐变的字体样式,个人认为看上去还算看的过去,但仍有些突兀的地方没有解决,比如右上角的返回主界面按钮为了突出显示,加了左边框后导致了按钮有种下沉的感觉,背景图片在本地加载时间过长,页面缩放比例问题(呜呜呜,这也太菜了叭)
下面附部分代码:

html部分

<template>
    <div class="fadiv">
        <div class="headerdiv">
            <button @click="returnhome" class="rethome">返回主界面</button>
            <p class="title">人事管理系统游客界面</p>
        </div>
        <div class="fundiv">
            <button class
1 引言 4 1.1 课程设计目标 4 1.2 编程工具(编程环境)介绍 4 1.3 实施时间及主要实施步骤 4 2 需求分析 5 3 系统总体设计 6 4 数据库设计 6 5 主要功能模块的设计与实现 10 5.1 功能模块1详细设计(综合查询员工信息)..........................................................10 5.1.1 详细设计.......................................................................................................10 5.1.2 算法流程........................................................................................................15 5.1.3 界面设计及测试结果.....................................................................................15 6 调试分析 15 7 用户手册 16 8 测试结果 17 8.1 员工信息的添加...................................................................................................17 8.2 员工信息的修改...................................................................................................17 8.3 员工信息的删除...................................................................................................18 8.4 员工信息的综合查询...........................................................................................18 8.5 员工信息按性别统计的结果................................................................................19 8.6 员工信息按状态统计的结果...............................................................................19 8.7 员工信息按职称统计的结果................................................................................20 9 结论 20 10 参考文献 20
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值