广东疫情最新数据消息_平台软件_免费发布推广的网站有哪些_海口网站建设优化公司 4 校园疫情防控系统设计与实现

校园疫情防控系统的详细设计与实现主要是根据前面的校园疫情防控系统的需求分析和校园疫情防控系统的总体设计来设计页面并实现业务逻辑。主要从校园疫情防控系统界面实现、业务逻辑实现这两部分进行介绍。

4.1 系统首页页面

当进入校园疫情防控系统的时候,首先映入眼帘的是系统的导航栏,下面是轮播图以及系统内容,其主界面展示如下图4.1所示。

图4.1 管理员界面图

4.2 注册页面

不是校园疫情防控系统中正式会员的是可以在线进行注册的,如果你没有本校园疫情防控系统的账号的话,添加“注册”,当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据,再次验证密码和确认密码是否是一样的,最后验证输入的账户名和数据库表中已经注册的账户名是否重复,只有都验证没问题后即可会员注册成功。注册界面实现了系统用户的注册,其用户注册界面展示如下图4.2所示。

图4.2 注册界面图

用户注册的关键代码如下。

/**

     * 注册

     * @param user

     * @return

     */

    @PostMapping("register")

    public Map<String, Object> signUp(@RequestBody User user) {

        // 查询用户

        Map<String, String> query = new HashMap<>();

        query.put("username",user.getUsername());

        List list = service.select(query, new HashMap<>()).getResultList();

        if (list.size()>0){

            return error(30000, "用户已存在");

        }

        user.setUserId(null);

        user.setPassword(service.encryption(user.getPassword()));

        service.save(user);

        return success(1);

}

4.3 登录页面

校园疫情防控系统中的前台上注册后的会员是可以通过自己的账户名和密码进行登录的,当会员输入完整的自己的账户名和密码信息并点击“登录”按钮后,将会首先验证输入的有没有空数据,再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致,只有在一致后将会登录成功并自动跳转到校园疫情防控系统的首页中;否则将会提示相应错误信息,用户登录界面如下图4.3所示。

图4.3 登录界面图

用户登录的关键代码如下。

/**

     * 登录

     * @param data

     * @param httpServletRequest

     * @return

     */

    @PostMapping("login")

    public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

        log.info("[执行登录接口]");

        String username = data.get("username");

        String email = data.get("email");

        String phone = data.get("phone");

        String password = data.get("password");

        List resultList = null;

        Map<String, String> map = new HashMap<>();

        if(username != null && "".equals(username) == false){

            map.put("username", username);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

        else if(email != null && "".equals(email) == false){

            map.put("email", email);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

        else if(phone != null && "".equals(phone) == false){

            map.put("phone", phone);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }else{

            return error(30000, "账号或密码不能为空");

        }

        if (resultList == null || password == null) {

            return error(30000, "账号或密码不能为空");

        }

        //判断是否有这个用户

        if (resultList.size()<=0){

            return error(30000,"用户不存在");

        }

4.4 防疫资讯页面

当用户点击防疫资讯以后就会进入到以下界面,用户可以输入关键词搜索资讯内容,查看资讯文章的赞数以及点击数,然后点击到资讯的详细的界面,在这个详细界面可以点赞+评论,同时也可以点击“收藏”按钮,然后进行文章收藏,其出界面展示如下图4.4所示。

图4.4 防疫资讯界面图

防疫资讯的关键代码如下。

@SpringBootApplication

@EnableJpaRepositories

public class Application {

    public static void main(String[] args) {

        SpringApplication.run(Application.class,args);

    }

}

4.5打卡场所详情页面

当用户点击“打卡场所”以后就会给我们展示场所列表,选择一个场所信息进入到图4.5界面中,用户可以对场所进行打卡操作,点击打卡按钮,进入到4.5界面中,输入近期行程、联系电话、核对个人信息,点击“提交”按钮,就会显示打卡成功。

图4.5 打卡场所详情界面图

图4.6 打卡操作界面图

打卡场所的关键代码如下。

 @PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        service.insert(map);

        return success(1);

}

4.6 个人中心页面

当系统用户进入到个人中心后,会出现个人资料、密码修改、收藏这几列单,用户点击“收藏”可以进行收藏信息的查看。其界面展示如下图4.7所示。

图4.7 收藏界面图

个人资料的关键代码如下。

 @RequestMapping("/get_list")

    public Map<String, Object> getList(HttpServletRequest request) {

        Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

        return success(map);

}

4.7 公告栏页面

用户点击“公告栏”,选择“公告标题”按钮后就会进入到对应的公告栏信息页面,用户可以自行查看系统的最新公告消息;其界面展示如下图4.8所示。

图4.8 公告栏界面图

个人资料的关键代码如下。

@RestController

@RequestMapping("auth")

public class AuthController extends BaseController<Auth, AuthService> {

    /**

     * 服务对象

     */

    @Autowired

    public AuthController(AuthService service) {

        setService(service);

    }

}

4.8 用户管理页面

此功能为管理员的功能,管理员点击“用户管理”菜单后,会展示出管理员+系统用户两个子菜单,任何可以对其进行增删改查操作;其界面展示如下图4.9所示。

图4.9 用户管理界面图

用户管理的关键代码如下。

@PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        service.insert(map);

        return success(1);

}

    public Map<String,Object> readBody(BufferedReader reader){

        BufferedReader br = null;

        StringBuilder sb = new StringBuilder("");

        try{

            br = reader;

            String str;

            while ((str = br.readLine()) != null){

                sb.append(str);

            }

            br.close();

            String json = sb.toString();

            return JSONObject.parseObject(json, Map.class);

        }catch (IOException e){

            e.printStackTrace();

        }finally{

            if (null != br){

                try{

                    br.close();

                }catch (IOException e){

                    e.printStackTrace();

                }

            }

        }

        return null;

}

    public void insert(Map<String,Object> body){

        StringBuffer sql = new StringBuffer("INSERT INTO ");

        sql.append("`").append(table).append("`").append(" (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            sql.append("`"+humpToLine(entry.getKey())+"`").append(",");

        }

        sql.deleteCharAt(sql.length()-1);

        sql.append(") VALUES (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            Object value = entry.getValue();

            if (value instanceof String){

                sql.append("'").append(entry.getValue()).append("'").append(",");

            }else {

                sql.append(entry.getValue()).append(",");

            }

        }

        sql.deleteCharAt(sql.length() - 1);

        sql.append(")");

        log.info("[{}] - 插入操作:{}",table,sql);

        Query query = runCountSql(sql.toString());

        query.executeUpdate();

    }

4.9 内容管理页面

此功能为管理员的功能,管理员点击“内容管理”菜单后,会展示出防疫资讯+资讯分类列表两个子菜单,任何可以对其进行增删改查操作;其界面展示如下图4.10所示。

图4.10 防疫资讯管理界面图

防疫资讯管理的关键代码如下。

@RequestMapping(value = {"/count_group", "/count"})

    public Map<String, Object> count(HttpServletRequest request) {

        Query count = service.count(service.readQuery(request), service.readConfig(request));

        return success(count.getResultList());

}

4.10 内容管理页面

此功能为管理员的功能,管理员点击“内容管理”菜单后,会展示出防疫资讯+资讯分类两个子菜单,可以对其进行增删改查操作,这里以资讯分类管理为例;其界面展示如下图4.11所示。

图4.11 资讯分类管理界面图

防疫资讯管理的关键代码如下。

 @RequestMapping(value = {"/sum_group", "/sum"})

    public Map<String, Object> sum(HttpServletRequest request) {

        Query count = service.sum(service.readQuery(request), service.readConfig(request));

        return success(count.getResultList());

}

4.11 打卡场所管理页面

此功能为管理员的功能,管理员点击“更多管理”菜单后能够对打卡场所信息进行管理,包括了添加+编辑+删除+查询,同时可以对前台用户提交的打卡信息进行管理;其界面展示如下图4.12所示。

图4.12 打卡场所管理界面图

打卡场所管理的关键代码如下。

@RequestMapping("/get_obj")

    public Map<String, Object> obj(HttpServletRequest request) {

        Query select = service.select(service.readQuery(request), service.readConfig(request));

        List resultList = select.getResultList();

        if (resultList.size() > 0) {

            JSONObject jsonObject = new JSONObject();

            jsonObject.put("obj",resultList.get(0));

            return success(jsonObject);

        } else {

            return success(null);

        }

}

 public Query select(Map<String,String> query,Map<String,String> config){

        StringBuffer sql = new StringBuffer("select ");

        sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "*" : config.get(FindConfig.FIELD)).append(" ");

        sql.append("from ").append("`").append(table).append("`").append(toWhereSql(query, "0".equals(config.get(FindConfig.LIKE))));

        if (config.get(FindConfig.GROUP_BY) != null && !"".equals(config.get(FindConfig.GROUP_BY))){

            sql.append("group by ").append(config.get(FindConfig.GROUP_BY)).append(" ");

        }

        if (config.get(FindConfig.ORDER_BY) != null && !"".equals(config.get(FindConfig.ORDER_BY))){

            sql.append("order by ").append(config.get(FindConfig.ORDER_BY)).append(" ");

        }

        if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE))){

            int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;

            int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;

            sql.append(" limit ").append( (page-1)*limit ).append(" , ").append(limit);

        }

        log.info("[{}] - 查询操作,sql: {}",table,sql);

        return runEntitySql(sql.toString());

    }

4.12数据上报管理页面

此功能为管理员的功能,管理员点击“更多管理”菜单后能够对数据信息进行上报管理,包括了添加+编辑+删除+查询;其界面展示如下图4.13所示。

图4.13 数据上报管理界面图

数据上报管理的关键代码如下。

@RequestMapping(value = {"/avg_group", "/avg"})

public Map<String, Object> avg(HttpServletRequest request) {

        Query count = service.avg(service.readQuery(request), service.readConfig(request));

        return success(count.getResultList());

}

">

在线设计平台的发展趋势

技能培训、香港主机、永久使用、不限域名、机加工接单平台

网页qq登录网址?

广东疫情最新数据消息_平台软件_免费发布推广的网站有哪些_海口网站建设优化公司

初创企业搭建网站的朋友看1号文章;想学习云计算,怎么入门看2号文章谢谢支持:

江苏建设人才考试网二建免费发布房源的平台公司名字大全集注册公司多少钱流程及费用做网站有哪些公司好接工程网站南京网页设计哪家好赣州网站优化企业所得税会计分录学生制作网页教程硬件开发平台有哪些公司网站制作设计价格哈尔滨网页模板建站58同城最新招聘网上海营销型网站建设方案网站建设课程心得体会产品营销推广策略微分销系统软件什么专业会做网站网络维护员每天要干哪些事手机软件开发自学小程序开发助手查看楼盘卖房信息在哪查深圳网站建设服务器制作图网在线制作dw做好的网页如何发布安徽网站开发培训杭州软件开发的公司企业微信开放平台各大房产网站自动生成设计图

猜你喜欢

  • 友情链接:
  • 长春又出现一例 计算机网络毕业设计 学做电商的步骤 八戒商标转让官网 安阳吧百度贴吧 app下载网址进入下载