标签 Javascript 下的文章

2024-09-06

在JavaWeb应用中，我们可以使用Cookie和Session来管理用户的会话信息。

Cookie和Session的基本使用示例如下：

Cookie的设置和获取：




// 创建一个Cookie对象
Cookie cookie = new Cookie("username", "JohnDoe");
// 设置Cookie的存在时间
cookie.setMaxAge(60 * 60 * 24); // 设置为1天
// 将Cookie发送到客户端
response.addCookie(cookie);
 
// 在后续的请求中获取Cookie
Cookie[] cookies = request.getCookies();
if (cookies != null) {
    for (Cookie c : cookies) {
        if (c.getName().equals("username")) {
            String value = c.getValue();
            // 使用获取到的Cookie值
        }
    }
}

Session的创建和使用：




// 获取HttpSession对象，如果不存在则创建
HttpSession session = request.getSession();
 
// 将数据存入Session
session.setAttribute("username", "JohnDoe");
 
// 从Session中获取数据
String username = (String) session.getAttribute("username");
 
// 使用获取到的Session数据

JSP中的Session使用示例：




<%-- 假设已经有一个名为username的session变量 --%>
<html>
<body>
    Welcome, <%= session.getAttribute("username") %>
</body>
</html>

以上代码提供了Cookie和Session的基本使用方法，在实际应用中，你可能需要结合数据库和业务逻辑来处理更复杂的会话管理。

- 阅读更多 -

java+jsp+Oracle+Tomcat 记账管理系统论文（完整版）

System

2024-09-06

所有,数据库

由于篇幅限制，我无法提供完整的记账管理系统的代码。但我可以提供一个简化的用户登录模块的核心函数示例。




// UserDao.java
public interface UserDao {
    boolean login(String username, String password);
}
 
// UserDaoImpl.java
import java.sql.*;
 
public class UserDaoImpl implements UserDao {
    public boolean login(String username, String password) {
        Connection conn = null;
        PreparedStatement pstmt = null;
        ResultSet rs = null;
        String sql = "SELECT * FROM users WHERE username = ? AND password = ?";
 
        try {
            conn = DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:xe", "username", "password");
            pstmt = conn.prepareStatement(sql);
            pstmt.setString(1, username);
            pstmt.setString(2, password);
 
            rs = pstmt.executeQuery();
            return rs.next(); // 如果找到记录，返回 true
        } catch (SQLException e) {
            e.printStackTrace();
            return false;
        } finally {
            try { if (rs != null) rs.close(); } catch (SQLException e) { e.printStackTrace(); }
            try { if (pstmt != null) pstmt.close(); } catch (SQLException e) { e.printStackTrace(); }
            try { if (conn != null) conn.close(); } catch (SQLException e) { e.printStackTrace(); }
        }
    }
}
 
// LoginServlet.java
import javax.servlet.*;
import javax.servlet.http.*;
import java.io.*;
 
public class LoginServlet extends HttpServlet {
    private UserDao userDao = new UserDaoImpl();
 
    public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String username = request.getParameter("username");
        String password = request.getParameter("password");
 
        if (userDao.login(username, password)) {
            // 登录成功，处理后续逻辑，例如重定向到主页面
            response.sendRedirect("index.jsp");
        } else {
            // 登录失败，处理后续逻辑，例如显示错误信息
            response.sendRedirect("login.jsp?error=1");
        }
    }
}

上述代码提供了一个简单的用户登录功能实现，包括用户数据访问对象接口和它的Oracle数据库实现。同时，提供了一个LoginServlet用于处理登录请求。这个示例假设你已经配置好了Oracle数据库连接和Tomcat服务器。

在实际的记账管理系统中，你还需要考虑其他功能，如账户管理、记账功能、报

System

2024-09-06

所有,elementui




<template>
  <el-container style="height: 100vh;">
    <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
      <el-menu :default-openeds="['1', '3']" :default-active="'1-1'">
        <!-- 菜单项 -->
        <el-submenu index="1">
          <template slot="title"><i class="el-icon-message"></i>导航一</template>
          <el-menu-item index="1-1">选项1</el-menu-item>
          <el-menu-item index="1-2">选项2</el-menu-item>
        </el-submenu>
        <!-- 更多菜单项 -->
      </el-menu>
    </el-aside>
    <el-container>
      <el-header style="text-align: right; font-size: 12px">
        <el-dropdown>
          <i class="el-icon-setting" style="margin-right: 15px"></i>
          <el-dropdown-menu slot="dropdown">
            <el-dropdown-item>个人信息</el-dropdown-item>
            <el-dropdown-item>退出登录</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>
      </el-header>
      <el-main>
        <!-- 主要内容 -->
        <el-breadcrumb separator-class="el-icon-arrow-right">
          <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
          <el-breadcrumb-item>活动管理</el-breadcrumb-item>
          <el-breadcrumb-item>活动列表</el-breadcrumb-item>
          <el-breadcrumb-item>详情</el-breadcrumb-item>
        </el-breadcrumb>
        <div style="min-height: 500px;">
          <!-- 页面内容 -->
        </div>
      </el-main>
    </el-container>
  </el-container>
</template>
 
<script>
export default {
  data() {
    return {
      // 数据定义
    };
  },
  methods: {
    // 方法定义
  }
};
</script>
 
<style>
.el-container {
  height: 100%;
}
.el-header {
  background-color: #B3C0D1;
  color: white;
  line-height: 60px;
}
.el-aside {
  color: #333;
}
</style>

这个代码实例展示了如何使用Element UI库来创建一个具有静态导航和左侧菜单的页面布局。它使用了<el-container>、<el-aside>、<el-menu>和<el-submenu>组件来构建侧边导航菜单，并通过样式调整来优化布局。这个例子也展示了如何使用<el-dropdown>和<el-dropdown-menu>来创建下拉菜单，以及如何使用<el-breadcrumb>来创建页面导航路径。

- 阅读更多 -

SQLite Node.js 开发指南

System

2024-09-06

所有,数据库




// 引入Node.js内置的SQLite模块
const sqlite3 = require('sqlite3').verbose();
 
// 创建或打开数据库
let db = new sqlite3.Database('./database.sqlite3', (err) => {
  if (err) {
    console.error(err.message);
  } else {
    console.log('Connected to the SQLite database.');
  }
});
 
// 创建表
db.run(`
  CREATE TABLE IF NOT EXISTS articles (
    id INTEGER PRIMARY KEY AUTOINCREMENT,
    title TEXT NOT NULL,
    body TEXT,
    created_at DATE DEFAULT (datetime('now', 'localtime'))
  )
`, (err) => {
  if (err) {
    console.error(err.message);
  } else {
    console.log('Table created successfully.');
  }
});
 
// 插入数据
const insertArticle = db.prepare(`
  INSERT INTO articles (title, body) VALUES (?, ?)
`);
const article = { title: 'Node.js with SQLite', body: 'This is an example article.' };
insertArticle.run(article.title, article.body, (err) => {
  if (err) {
    console.error(err.message);
  } else {
    console.log('A row has been inserted.');
  }
});
 
// 查询数据
db.all('SELECT id, title, body FROM articles', (err, rows) => {
  if (err) {
    console.error(err.message);
  } else {
    rows.forEach((row) => {
      console.log(row);
    });
  }
});
 
// 关闭数据库连接
db.close((err) => {
  if (err) {
    console.error(err.message);
  } else {
    console.log('Close the database connection.');
  }
});

这段代码展示了如何在Node.js环境中使用SQLite3模块进行数据库操作，包括创建或打开数据库、创建表、插入数据、查询数据以及关闭数据库连接。这是学习如何在Node.js中使用SQLite进行数据库开发的一个很好的起点。

System

2024-09-06

所有,java

由于完整的JSP+Servlet图书商城管理系统代码量较大，我将提供一个核心功能的示例，例如用户登录功能。




// LoginServlet.java
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
import java.sql.*;
 
public class LoginServlet extends HttpServlet {
    public void doPost(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
        
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        
        try {
            Class.forName("com.mysql.cj.jdbc.Driver");
            String url = "jdbc:mysql://localhost:3306/bookstore?serverTimezone=UTC";
            Connection con = DriverManager.getConnection(url, "root", "password");
            Statement stmt = con.createStatement();
            
            String sql = "SELECT * FROM users WHERE username='" + username + "' AND password='" + password + "'";
            ResultSet rs = stmt.executeQuery(sql);
            
            if (rs.next()) {
                HttpSession session = request.getSession();
                session.setAttribute("username", username);
                response.sendRedirect("home.jsp");
            } else {
                response.sendRedirect("login.jsp?error=1");
            }
            
            con.close();
            
        } catch (Exception e) {
            e.printStackTrace();
            response.sendRedirect("login.jsp?error=1");
        }
    }
}

在这个例子中，我们创建了一个名为LoginServlet的servlet，用于处理用户登录请求。它连接到MySQL数据库，检查用户名和密码是否匹配，并根据结果设置会话属性或重定向到登录页面。

注意：

在实际应用中，不要硬编码数据库密码，应该从配置文件或环境变量中读取。
永远不要直接在代码中拼接SQL语句，这会使系统容易受到SQL注入攻击，应使用预编译的语句或使用参数化查询。
使用PostgreSQL或其他数据库时，JDBC驱动和连接URL会有所不同。
在实际应用中，密码应该加密存储，并在验证时进行加密匹配。

这只是一个简化示例，实际的商城管理系统会涉及更多功能和细节。

- 阅读更多 -

oracle中对JSON数据处理

System

2024-09-06

所有,数据库

在Oracle数据库中，你可以使用JSON_VALUE、JSON_TABLE和JSON_QUERY等函数来处理JSON数据。以下是一些基本的示例：

使用JSON_VALUE提取JSON字符串中的特定值：




SELECT JSON_VALUE(json_data, '$.name') AS name
FROM your_table

使用JSON_TABLE将JSON数组转换为表格形式：




SELECT jt.index, jt.value
FROM your_table,
JSON_TABLE(
    json_data,
    '$.names[*]'
    COLUMNS (
        index FOR ORDINALITY,
        value VARCHAR2(50) PATH '$'
    )
) jt

使用JSON_QUERY提取嵌套JSON数据：




SELECT JSON_QUERY(json_data, '$.address') AS address
FROM your_table

确保你的Oracle数据库版本支持JSON处理功能，通常这需要Oracle 12c Release 2或更高版本。如果你的数据库版本不支持这些函数，你可能需要升级你的数据库或者寻找其他方法来处理JSON数据。

- 阅读更多 -

springboot系列十: 自定义转换器，处理JSON，内容协商

System

2024-09-05

所有,java

在Spring Boot中，你可以通过实现HttpMessageConverter接口来创建自定义转换器，用于处理JSON数据。以下是一个简单的自定义转换器示例，它将实现HttpMessageConverter<MyObject>，其中MyObject是你想要转换的对象类型。




import org.springframework.http.HttpInputMessage;
import org.springframework.http.HttpOutputMessage;
import org.springframework.http.MediaType;
import org.springframework.http.converter.HttpMessageConverter;
import org.springframework.http.converter.HttpMessageNotReadableException;
import org.springframework.http.converter.HttpMessageNotWritableException;
 
import java.io.IOException;
import java.nio.charset.StandardCharsets;
import java.util.Arrays;
 
public class MyCustomConverter implements HttpMessageConverter<MyObject> {
 
    @Override
    public boolean canRead(Class<?> clazz, MediaType mediaType) {
        return MyObject.class.isAssignableFrom(clazz) && MediaType.APPLICATION_JSON.isCompatibleWith(mediaType);
    }
 
    @Override
    public boolean canWrite(Class<?> clazz, MediaType mediaType) {
        return MyObject.class.isAssignableFrom(clazz) && MediaType.APPLICATION_JSON.isCompatibleWith(mediaType);
    }
 
    @Override
    public List<MediaType> getSupportedMediaTypes() {
        return Arrays.asList(MediaType.APPLICATION_JSON);
    }
 
    @Override
    public MyObject read(Class<? extends MyObject> clazz, HttpInputMessage inputMessage) throws IOException, HttpMessageNotReadableException {
        // 实现从HttpInputMessage读取数据到MyObject的逻辑
        String json = new String(inputMessage.getBody(), StandardCharsets.UTF_8);
        // 这里只是示例，实际应该使用JSON解析库来解析json
        return new MyObject();
    }
 
    @Override
    public void write(MyObject myObject, MediaType contentType, HttpOutputMessage outputMessage) throws IOException, HttpMessageNotWritableException {
        // 实现将MyObject写入HttpOutputMessage的逻辑
        String json = "{\"property\":\"value\"}"; // 这里只是示例，实际应该使用JSON生成库来生成json
        outputMessage.getBody().write(json.getBytes(StandardCharsets.UTF_8));
    }
}

要注册自定义转换器，你可以在Spring Boot应用的配置类中添加如下代码：




import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.http.converter.HttpMessageConverter;
import org.springframework.web.servlet.

- 阅读更多 -

【SpringMVC】拦截器&JSR303的使用

System

2024-09-05

所有,java




import org.springframework.stereotype.Controller;
import org.springframework.validation.BindingResult;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;
import javax.validation.Valid;
 
@Controller
public class MyController {
 
    // 使用JSR303验证和Spring MVC的@Valid注解来处理验证
    @RequestMapping(value = "/submitData.do", method = RequestMethod.POST)
    public @ResponseBody String submitData(@Valid MyData data, BindingResult result) {
        if (result.hasErrors()) {
            // 如果有错误，返回错误信息
            return "Error: " + result.getFieldError().getDefaultMessage();
        }
        // 如果没有错误，处理数据
        return "Data processed: " + data.toString();
    }
}
 
// 需要验证的数据类
class MyData {
    @NotEmpty
    private String name;
 
    @Min(10)
    private int age;
 
    // getters and setters
}

这个例子中，我们定义了一个简单的Spring MVC控制器，其中包含一个处理POST请求的方法。我们使用了@Valid注解来触发JSR-303验证，并且传入了BindingResult来获取验证结果。如果验证失败，将返回错误信息；如果验证成功，将处理数据。这个例子展示了如何在Spring MVC中结合使用JSR303验证。

- 阅读更多 -

sqlite 存放json数据

System

2024-09-05

所有,数据库

SQLite 原生并不直接支持 JSON 数据类型，但可以通过内置的 JSON 函数来处理 JSON 数据。

以下是一个简单的例子，演示如何在 SQLite 中存储和查询 JSON 数据：

创建一个表并使用 JSON 类型的列。
插入 JSON 数据时，直接将 JSON 字符串插入即可。
查询 JSON 数据时，可以使用 JSON_EXTRACT 函数来提取 JSON 字段。




CREATE TABLE example (
    id INTEGER PRIMARY KEY,
    data JSON
);
 
INSERT INTO example (data) VALUES ('{"name": "John", "age": 30}');
 
SELECT JSON_EXTRACT(data, '$.name') AS name FROM example;

在这个例子中，data 列用于存储 JSON 数据，JSON_EXTRACT 函数用于从 JSON 字符串中提取特定的字段。

注意：

请确保您使用的 SQLite 版本支持 JSON 函数（版本 3.35.0 开始内置支持）。
上述 SQL 语句可能需要在支持 JSON 的 SQLite 环境中运行，例如通过命令行或者一个支持 SQLite 的编程语言库。

System

2024-09-05

所有,java

在这个项目实战中，我们将实现主页上商品清单的展示。以下是实现这一功能的核心代码片段：




// 在GoodsAction.java中定义的方法，用于获取所有商品信息
public List<Goods> getAllGoods() {
    List<Goods> goodsList = new ArrayList<>();
    // 假设从数据库获取数据
    // goodsList = database.getAllGoods();
    return goodsList;
}
 
// 在GoodsAction.java中定义的方法，用于根据关键字搜索商品信息
public List<Goods> searchGoods(String keyword) {
    List<Goods> searchResult = new ArrayList<>();
    // 假设从数据库搜索数据
    // searchResult = database.searchGoods(keyword);
    return searchResult;
}
 
// 在GoodsAction.java中定义的方法，用于根据类别获取商品信息
public List<Goods> getGoodsByCategory(String category) {
    List<Goods> categoryGoods = new ArrayList<>();
    // 假设从数据库获取数据
    // categoryGoods = database.getGoodsByCategory(category);
    return categoryGoods;
}
 
// 在GoodsAction.java中定义的方法，用于获取商品详细信息
public Goods getGoodsDetail(int id) {
    Goods detailGoods = null;
    // 假设从数据库获取数据
    // detailGoods = database.getGoodsDetail(id);
    return detailGoods;
}




<!-- 在list.jsp中展示商品清单 -->
<%@ page import="com.example.action.GoodsAction" %>
<%@ page import="com.example.entity.Goods" %>
<%@ page import="java.util.List" %>
<%
    GoodsAction goodsAction = new GoodsAction();
    List<Goods> allGoods = goodsAction.getAllGoods();
%>
<html>
<head>
    <title>商品清单</title>
</head>
<body>
    <h1>所有商品清单</h1>
    <ul>
        <% for(Goods goods : allGoods) { %>
        <li>
            <a href="detail.jsp?id=<%=goods.getId()%>">
                <%=goods.getName()%> - ￥<%=goods.getPrice()%>
            </a>
        </li>
        <% } %>
    </ul>
</body>
</html>

在这个例子中，我们首先定义了一个GoodsAction类，它包含了从数据库获取商品信息的方法。然后在JSP页面中，我们导入了这个类并使用它来获取所有商品的信息，最后在HTML中遍历并展示这些商品。这个过程展示了如何在JSP页面中使用Java代码来动态生成HTML内容。

- 阅读更多 -