layui会议发布

用户操作与数据管理:登录验证与信息查询
本文介绍了UserAction类中处理用户登录、数据查询及增删改的操作,展示了如何使用Spring MVC和DAO进行前后端交互,以及返回JSON响应。

1.主界面

2.代码展示

package com.zking.web;

import java.util.HashMap;
import java.util.List;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.zking.dao.UserDao;
import com.zking.entity.User;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
import com.zking.util.PageBean;
import com.zking.util.R;
import com.zking.util.ResponseUtil;

public class UserAction extends ActionSupport implements ModelDriver<User>{

	private User user = new User();
	private UserDao userdao = new UserDao();
//	写一个方法处理前台的请求
	public String login(HttpServletRequest req, HttpServletResponse resp) {
		try {
			User u = userdao.login(user);
//			通过用户名密码查到了用户记录
		if(u != null) {
//			ResponseUtil.writeJson(resp, new R()
//					.data("code", 200)
//					.data("msg", "成功"));
			ResponseUtil.writeJson(resp, R.ok(200, "登录成功"));
			req.getSession().setAttribute("user", u);
		}
		else {
			ResponseUtil.writeJson(resp, R.error(0, "用户名密码错误"));
		}
		} catch (Exception e) {
			e.printStackTrace();
		}
		return null;
	}
//	用户查询
	public String list(HttpServletRequest req, HttpServletResponse resp) {
		try {
			PageBean pageBean = new PageBean();
			pageBean.setRequest(req);
			List<Map<String, Object>> users = userdao.list(user, pageBean);
//		注意:layui中的数据表的格式
			ResponseUtil.writeJson(resp, R.ok(0, "用户数据查询成功",pageBean.getTotal(),users));
		} catch (Exception e) {
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, R.ok(0, "用户数据查询失败"));
			} catch (Exception e1) {
				// TODO Auto-generated catch block
				e1.printStackTrace();
			}
		}
		return null;
	}
// 查询所有用户用于绑定的多功能下拉框
	public String queryUserAll(HttpServletRequest req, HttpServletResponse resp) {
		try {
			List<Map<String, Object>> users = userdao.queryUserAll(user,null);
			ResponseUtil.writeJson(resp, R.ok(200, "获取用户多选框数据成功!!!", users));
		} catch (Exception e) {
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, R.error(0, "获取用户多选框数据失败"));
			} catch (Exception e1) {
				e1.printStackTrace();
			}
		}
		return null;
	}
	public String add(HttpServletRequest req, HttpServletResponse resp) {
		try {
//			rs是sql语句执行的影响行数
			int rs = userdao.add(user);
			if(rs>0) {
				ResponseUtil.writeJson(resp, R.ok(200, "用户数据新增成功"));
			}
		} catch (Exception e) {
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, R.ok(0, "用户数据新增失败"));
			} catch (Exception e1) {
				// TODO Auto-generated catch block
				e1.printStackTrace();
			}
		}
		return null;
	}
	public String del(HttpServletRequest req, HttpServletResponse resp) {
		try {
//			rs是sql语句执行的影响行数
			int rs = userdao.del(user);
			if(rs>0) {
				ResponseUtil.writeJson(resp, R.ok(200, "用户数据删除成功"));
			}
		} catch (Exception e) {
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, R.ok(0, "用户数据删除失败"));
			} catch (Exception e1) {
				// TODO Auto-generated catch block
				e1.printStackTrace();
			}
		}
		return null;
	}
	public String edit(HttpServletRequest req, HttpServletResponse resp) {
		try {
//			rs是sql语句执行的影响行数
			int rs = userdao.edit(user);
			if(rs>0) {
				ResponseUtil.writeJson(resp, R.ok(200, "用户数据修改成功"));
			}
		} catch (Exception e) {
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, R.ok(0, "用户数据修改失败"));
			} catch (Exception e1) {
				// TODO Auto-generated catch block
				e1.printStackTrace();
			}
		}
		return null;
	}
	
	@Override
	public User getModel() {
		// TODO Auto-generated method stub
		return user;
	}
	
}

 

### 前端部署准备 在将 Layui 开发的前端项目部署到 Linux 系统之前,需要确认以下几点: 1. **环境依赖**:确保服务器上安装了必要的运行环境,如 Node.js(如果使用了构建工具如 Webpack、Gulp 等)、Nginx 或 Apache 作为静态资源服务器。 2. **静态资源打包**:Layui 是一个基于 HTML/CSS/JavaScript前端框架,通常情况下,前端页面需要经过打包处理后才能部署到生产环境。可以使用 Gulp、Webpack 或 Vite 进行打包优化。 3. **HTML 文件结构**:确保所有静态资源(HTML、CSS、JS、图片等)已经整理完毕,并且路径引用正确。 ### 部署步骤 #### 1. 安装 Nginx Layui 项目本质上是静态资源文件,推荐使用 Nginx 来部署前端页面。可以通过以下命令安装 Nginx: ```bash sudo apt update sudo apt install nginx ``` 安装完成后,启动 Nginx 并设置开机自启: ```bash sudo systemctl start nginx sudo systemctl enable nginx ``` #### 2. 上传并配置前端资源 将本地开发完成的前端项目通过 FTP、SCP 或直接拖拽上传至 Linux 服务器上的指定目录,例如 `/var/www/html/layui-project`。 确保 `index.html` 文件位于该目录下,并且所有 CSS、JS 和图片资源路径正确无误。 #### 3. 配置 Nginx 虚拟主机 编辑 Nginx 的默认站点配置文件: ```bash sudo nano /etc/nginx/sites-available/default ``` 修改内容如下,以指向你的 Layui 项目目录: ```nginx server { listen 80; server_name your_domain_or_ip; location / { root /var/www/html/layui-project; index index.html; try_files $uri $uri/ =404; } } ``` 保存并退出,然后重新加载 Nginx 配置使更改生效: ```bash sudo nginx -s reload ``` #### 4. 测试访问 打开浏览器,输入服务器的 IP 地址或域名,即可访问部署好的 Layui 前端项目。 #### 5. 可选:HTTPS 支持 为了增强安全性,建议为网站添加 HTTPS 支持。可以通过 Let's Encrypt 免费获取 SSL 证书并配置: ```bash sudo apt install certbot python3-certbot-nginx sudo certbot --nginx ``` 按照提示操作即可自动完成证书申请与 Nginx 配置更新[^4]。 --- ### 示例代码:Layui 基础 HTML 页面结构 ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Layui Demo</title> <link rel="stylesheet" href="/layui/css/layui.css"> </head> <body> <div class="layui-container" style="padding: 20px;"> <h1>Hello, Layui!</h1> <button class="layui-btn">这是一个按钮</button> </div> <script src="/layui/layui.js"></script> <script> layui.use('element', function(){ var element = layui.element; }); </script> </body> </html> ``` 确保 `/layui/css/layui.css` 和 `/layui/layui.js` 路径存在并可访问。 --- ### 注意事项 - 如果前端项目涉及与后端接口通信,请确保后端服务已正常运行,并配置好跨域请求头(CORS)。 - 若使用了前后端分离架构,前端部署完成后应测试 API 请求是否正常。 - 对于开发过程中频繁修改的前端项目,可考虑使用热更新机制或自动刷新功能提升效率[^4]。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值