商品销售管理系统

用JSP servlet和jquery以及SQLServer数据库实现商品销售管理系统。

功能详解：
1.查询商品
2.添加商品
3.删除商品
4.添加销售记录
5.查看销售记录

效果演示：

进入界面
在这里插入图片描述
商品显示页面
在这里插入图片描述
删除提示
在这里插入图片描述
销售记录查询
在这里插入图片描述

商品销售系统需要SQLServer数据库和程序两大部分

一：设计并实现数据库

在这里插入图片描述

二：程序设计

在程序正式开始之前先看一下目录结构吧
在这里插入图片描述
==特别注意：==引入sqljdbc4.jar和jquery-3.3.1.js架包

程序演示

bean包

Product.java

package com.hnpi.bean;public class Product {private int ProductID;private String ProductName;private String IsUp;private int UnitPrice;private String Remark;public int getProductID() {return ProductID;}public void setProductID(int productID) {ProductID = productID;}public String getProductName() {return ProductName;}public void setProductName(String productName) {ProductName = productName;}public String getIsUp() {return IsUp;}public void setIsUp(String isUp) {IsUp = isUp;}public int getUnitPrice() {return UnitPrice;}public void setUnitPrice(int unitPrice) {UnitPrice = unitPrice;}public String getRemark() {return Remark;}public void setRemark(String remark) {Remark = remark;}public Product() {super();// TODO Auto-generated constructor stub}public Product(int productID, String productName, String isUp,int unitPrice, String remark) {super();ProductID = productID;ProductName = productName;IsUp = isUp;UnitPrice = unitPrice;Remark = remark;}}

Sale.java

package com.hnpi.bean;import java.util.Date;public class Sale {private int SaleID;private String SalePerson;private int Amount;private Date SaleDate;private int ProductID;public int getSaleID() {return SaleID;}public void setSaleID(int saleID) {SaleID = saleID;}public String getSalePerson() {return SalePerson;}public void setSalePerson(String salePerson) {SalePerson = salePerson;}public int getAmount() {return Amount;}public void setAmount(int amount) {Amount = amount;}public Date getSaleDate() {return SaleDate;}public void setSaleDate(Date saleDate) {SaleDate = saleDate;}public int getProductID() {return ProductID;}public void setProductID(int productID) {ProductID = productID;}public Sale() {super();// TODO Auto-generated constructor stub}public Sale(int saleID, String salePerson, int amount, Date saleDate,int productID) {super();SaleID = saleID;SalePerson = salePerson;Amount = amount;SaleDate = saleDate;ProductID = productID;}}

servlet包

AddServlet.java

package com.hnpi.servlet;import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import com.hnpi.bean.Product;
import com.hnpi.util.DBUtil;public class AddServlet extends HttpServlet {public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {doPost(request, response);}public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {request.setCharacterEncoding("utf-8");response.setCharacterEncoding("utf-8");String ProductName = request.getParameter("ProductName");String IsUp = request.getParameter("IsUp");String UnitPrice = request.getParameter("UnitPrice");String Remark = request.getParameter("Remark");Connection conn = DBUtil.getConn();PreparedStatement ps = null;String sql = "insert into Product(ProductName, IsUp, UnitPrice, Remark) values(?,?,?,?)";try {ps = conn.prepareStatement(sql);ps.setString(1, ProductName);ps.setString(2, IsUp);ps.setInt(3, Integer.parseInt(UnitPrice));ps.setString(4, Remark);ps.executeUpdate();} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();}finally{DBUtil.closeConn(conn, ps, null);}response.sendRedirect("list");}}

DeleteServlet.java

package com.hnpi.servlet;import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.SQLException;import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import com.hnpi.util.DBUtil;public class DeleteServlet extends HttpServlet {public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {doPost(request, response);}public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {request.setCharacterEncoding("utf-8");response.setCharacterEncoding("utf-8");String id = request.getParameter("id");Connection conn = DBUtil.getConn();PreparedStatement ps = null;String sql = "delete from Product where ProductID = ?";try {ps = conn.prepareStatement(sql);ps.setInt(1, Integer.parseInt(id));ps.executeUpdate();} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();}finally{DBUtil.closeConn(conn, ps, null);}response.sendRedirect("list");}}

InsertServlet.java

package com.hnpi.servlet;import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.SQLException;
import java.sql.Timestamp;
import java.util.Currency;import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import com.hnpi.util.DBUtil;public class InsertServlet extends HttpServlet {public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {doPost(request, response);}public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {request.setCharacterEncoding("utf-8");response.setCharacterEncoding("utf-8");String ProductName = request.getParameter("ProductName");String Amount = request.getParameter("Amount");String SalePerson = request.getParameter("SalePerson");Connection conn = DBUtil.getConn();PreparedStatement ps = null;String sql = "insert into Sale(SalePerson, Amount, SaleDate, ProductID) values(?,?,?,?)";try {ps = conn.prepareStatement(sql);ps.setString(1, SalePerson);ps.setInt(2, Integer.parseInt(Amount));ps.setTimestamp(3, new Timestamp(System.currentTimeMillis()));ps.setInt(4, 3);ps.executeUpdate();} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();}finally{DBUtil.closeConn(conn, ps, null);}response.sendRedirect("select");}}

ListChoseServlet

package com.hnpi.servlet;import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;import com.hnpi.bean.Product;
import com.hnpi.util.DBUtil;public class ListChoseServlet extends HttpServlet {public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {doPost(request, response);}public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {request.setCharacterEncoding("utf-8");response.setCharacterEncoding("utf-8");String ProductName = request.getParameter("ProductName");String Remark = request.getParameter("Remark");Connection conn = DBUtil.getConn();PreparedStatement ps = null;ResultSet rs = null;String sql = "select * from Product where ProductName = ? and Remark = ?";List<Product> products = new ArrayList<Product>();try {ps = conn.prepareStatement(sql);ps.setString(1, ProductName);ps.setString(1, Remark);rs = ps.executeQuery();while(rs.next()){Product product = new Product();product.setProductID(rs.getInt(1));product.setProductName(rs.getString(2));product.setIsUp(rs.getString(3));product.setUnitPrice(rs.getInt(4));product.setRemark(rs.getString(5));products.add(product);}} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();}finally{DBUtil.closeConn(conn, ps, rs);}HttpSession session = request.getSession();session.setAttribute("productList", products);response.sendRedirect("list.jsp");}}

ListServlet.java

package com.hnpi.servlet;import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;import com.hnpi.bean.Product;
import com.hnpi.util.DBUtil;
import com.sun.net.httpserver.HttpsServer;public class ListServlet extends HttpServlet {public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {doPost(request, response);}public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {request.setCharacterEncoding("utf-8");response.setCharacterEncoding("utf-8");String ProductName = request.getParameter("ProductName");String Remark = request.getParameter("Remark");Connection conn = DBUtil.getConn();PreparedStatement ps = null;ResultSet rs = null;String sql = "select * from Product";List<Product> products = new ArrayList<Product>();try {ps = conn.prepareStatement(sql);rs = ps.executeQuery();while(rs.next()){Product product = new Product();product.setProductID(rs.getInt(1));product.setProductName(rs.getString(2));product.setIsUp(rs.getString(3));product.setUnitPrice(rs.getInt(4));product.setRemark(rs.getString(5));products.add(product);}} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();}finally{DBUtil.closeConn(conn, ps, rs);}HttpSession session = request.getSession();session.setAttribute("productList", products);response.sendRedirect("list.jsp");}}

SelectServlet.java

package com.hnpi.servlet;import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;import com.hnpi.bean.Product;
import com.hnpi.bean.Sale;
import com.hnpi.util.DBUtil;public class SelectServlet extends HttpServlet {public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {doPost(request, response);}public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {request.setCharacterEncoding("utf-8");response.setCharacterEncoding("utf-8");Connection conn = DBUtil.getConn();PreparedStatement ps = null;ResultSet rs = null;String sql = "select * from Sale";List<Sale> sales = new ArrayList<Sale>();try {ps = conn.prepareStatement(sql);rs = ps.executeQuery();while(rs.next()){Sale sale = new Sale();sale.setSaleID(rs.getInt(1));sale.setSalePerson(rs.getString(2));sale.setAmount(rs.getInt(3));sale.setSaleDate(rs.getDate(4));sale.setProductID(rs.getInt(5));sales.add(sale);}} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();}finally{DBUtil.closeConn(conn, ps, rs);}HttpSession session = request.getSession();session.setAttribute("saleList", sales);response.sendRedirect("select.jsp");}}

util包

DBUtil.java

package com.hnpi.util;import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;public class DBUtil {public static Connection getConn(){String url = "jdbc:sqlserver://localhost:1433;databaseName=Test";String user = "sa";String pwd = "1";Connection conn = null;try {Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");conn = DriverManager.getConnection(url, user, pwd);} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();} catch (ClassNotFoundException e) {// TODO Auto-generated catch blocke.printStackTrace();}return conn;}public static void closeConn(Connection conn, PreparedStatement ps, ResultSet rs){if(conn!=null){try {conn.close();} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();}}if(ps!=null){try {ps.close();} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();}}if(rs!=null){try {rs.close();} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();}}}}

WEB-INF包

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"><display-name>Shop</display-name><servlet><description>This is the description of my J2EE component</description><display-name>This is the display name of my J2EE component</display-name><servlet-name>AddServlet</servlet-name><servlet-class>com.hnpi.servlet.AddServlet</servlet-class></servlet><servlet><description>This is the description of my J2EE component</description><display-name>This is the display name of my J2EE component</display-name><servlet-name>DeleteServlet</servlet-name><servlet-class>com.hnpi.servlet.DeleteServlet</servlet-class></servlet><servlet><description>This is the description of my J2EE component</description><display-name>This is the display name of my J2EE component</display-name><servlet-name>InsertServlet</servlet-name><servlet-class>com.hnpi.servlet.InsertServlet</servlet-class></servlet><servlet><description>This is the description of my J2EE component</description><display-name>This is the display name of my J2EE component</display-name><servlet-name>ListChoseServlet</servlet-name><servlet-class>com.hnpi.servlet.ListChoseServlet</servlet-class></servlet><servlet><description>This is the description of my J2EE component</description><display-name>This is the display name of my J2EE component</display-name><servlet-name>ListServlet</servlet-name><servlet-class>com.hnpi.servlet.ListServlet</servlet-class></servlet><servlet><description>This is the description of my J2EE component</description><display-name>This is the display name of my J2EE component</display-name><servlet-name>SelectServlet</servlet-name><servlet-class>com.hnpi.servlet.SelectServlet</servlet-class></servlet><servlet-mapping><servlet-name>AddServlet</servlet-name><url-pattern>/add</url-pattern></servlet-mapping><servlet-mapping><servlet-name>DeleteServlet</servlet-name><url-pattern>/del</url-pattern></servlet-mapping><servlet-mapping><servlet-name>InsertServlet</servlet-name><url-pattern>/insert</url-pattern></servlet-mapping><servlet-mapping><servlet-name>ListChoseServlet</servlet-name><url-pattern>/listes</url-pattern></servlet-mapping><servlet-mapping><servlet-name>ListServlet</servlet-name><url-pattern>/list</url-pattern></servlet-mapping><servlet-mapping><servlet-name>SelectServlet</servlet-name><url-pattern>/select</url-pattern></servlet-mapping>	<welcome-file-list><welcome-file>login.jsp</welcome-file></welcome-file-list>
</web-app>

JSP页面

index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><base href="<%=basePath%>"><title>My JSP 'index.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0">    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--></head><body><ul><li><a href="index.jsp">系统管理</a></li><li><a href="list">商品管理</a></li></ul></body>
</html>

list.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@page import="com.hnpi.bean.Product"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><base href="<%=basePath%>"><title>My JSP 'list.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0">    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--><script src="jquery-3.3.1.js"></script></head><body><form action="listes" method="post">商品名称：<input type="text" name="ProductName">商品备注：<input type="text" name="Remark"><input type="submit" value="查询"></form><table><thead><tr><td>编号</td><td>商品名称</td><td>是否上架</td><td>单价</td><td>备注</td><td>操作</td></tr></thead><tbody><%List<Product> products = (ArrayList)session.getAttribute("productList");for(Product product : products){%><tr><td><%=product.getProductID() %></td><td><%=product.getProductName() %></td><td><%=product.getIsUp() %></td><td><%=product.getUnitPrice() %></td><td><%=product.getRemark() %></td><td><a href="del?id=<%=product.getProductID() %>" class="delete">删除</a></td></tr><%}%></tbody></table><form action="add" method="post">商品名称：<input type="text" name="ProductName"/>是否上架：<input type="radio" name="IsUp"/>是<input type="radio" name="IsUp"/>否单价：<input type="text" name="UnitPrice"/><br/>备注：<input type="text" name="Remark"/><br/><input type="submit" value="添加商品" class="add"/></form><button><a href="select">查看销售记录</a></button></body><script>$(function(){$(".add").on("click",function(){alert("添加成功！");});$(".delete").on("click",function(){alert("你确定要删除吗？");});});</script>
</html>

select.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@page import="com.hnpi.bean.Sale"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><base href="<%=basePath%>"><title>My JSP 'select.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0">    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--><script src="jquery-3.3.1.js"></script></head><body><form action="insert" method="post">商品名称：<input type="text" name="SalePerson"/><br/>销售数量：<input type="text" name="Amount"/>销售员：<input type="text" name="SalePerson"/><input type="submit" value="添加销售" class="add"/></form><table><thead><tr><td>销售员</td><td>商品名称</td><td>单价</td><td>销售数量</td><td>销售日期</td></tr></thead><tbody><%List<Sale> sales = (ArrayList)session.getAttribute("saleList");for(Sale sale : sales){%><tr><td><%=sale.getSaleID() %></td><td><%=sale.getSalePerson() %></td><td><%=sale.getProductID() %></td><td><%=sale.getAmount() %></td><td><%=sale.getSaleDate() %></td></tr><%}%></tbody></table></body><script>$(function(){$(".add").on("click",function(){alert("添加成功");})});</script>
</html>

看到这里相信你已经知道此系统的程序原理了，赶快去试试吧.

扫一扫关注我的公众号获取更多资讯呦！！！
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/565810.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

【OpenCV 例程200篇】87. 频率域钝化掩蔽

【OpenCV 例程200篇】87. 频率域钝化掩蔽

【OpenCV 例程200篇】87. 频率域钝化掩蔽 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 4.2 频率域钝化掩蔽 简单地&#xff0c;从原始图像中减去一幅平滑处理的钝化图像&#xff0c;也可以实…
阅读更多...
拼图验证码

拼图验证码

H5的Canvas实现一个拼图验证码。 功能分析&#xff1a; 1.验证码图片的生成 2.滑块图片的显示 3.底部滑块的横向移动 4.滑块上的文字显示 效果演示&#xff1a; 初始状态 滑动成功之后 有没有一种心动的感觉呢&#xff1f;&#xff1f;&#xff1f; 代码演示 注意&#x…
阅读更多...
【OpenCV 例程200篇】88. 频率域拉普拉斯高通滤波

【OpenCV 例程200篇】88. 频率域拉普拉斯高通滤波

【OpenCV 例程200篇】88. 频率域拉普拉斯高通滤波 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 4.3 频率域拉普拉斯高通滤波 拉普拉斯算子&#xff08;Laplace&#xff09;是导数算子&#…
阅读更多...
顶部导航栏

顶部导航栏

HTML和CSS实现顶部导航栏&#xff0c;二级菜单的实现。 原理分析&#xff1a; 1.使用ul(无需列表)嵌套ul(无序列表) 2.鼠标放上改变背景颜色 3.二级菜单的显示 效果演示&#xff1a; 初始样式 鼠标放上 代码演示 <!DOCTYPE html> <html><head><meta …
阅读更多...
VSCode配置Python的教程

VSCode配置Python的教程

本文基于Windows系统 超详细VSCode安装教程&#xff08;Windows&#xff09; 博主的VSCode专栏&#xff1a;分享使用VSCode的基本操作与各种技巧 刚刚开始学习Python时&#xff0c;按照老师提供的傻瓜式操作配好Python后&#xff0c;发现它自带了一个ide&#xff1a;IDLE&…
阅读更多...
【OpenCV 例程200篇】89. 带阻滤波器的传递函数

【OpenCV 例程200篇】89. 带阻滤波器的传递函数

【OpenCV 例程200篇】89. 带阻滤波器的传递函数 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 5.1 带阻与带通 空间域和频率域线性滤波器可以分为四类&#xff1a;低通滤波器、高通滤波器、带…
阅读更多...
用Python海归作图--turtle，画椭圆

用Python海归作图--turtle，画椭圆

想必大家都想过用Python中的turtle画出椭圆吧&#xff0c;自己思考了许久&#xff0c;终于琢磨着画出了椭圆&#xff0c;但是我不知道这个方法是不是最简单的&#xff0c;是不是正确的&#xff0c;如果有错误请指正&#xff0c;如果觉得好用就尽管拿去用&#xff0c;哈哈哈 代码…
阅读更多...
【OpenCV 例程200篇】90. 频率域陷波滤波器

【OpenCV 例程200篇】90. 频率域陷波滤波器

【OpenCV 例程200篇】90. 频率域陷波滤波器 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 5.2 陷波滤波器 &#xff08;Notch Filter&#xff09; 陷波滤波器阻止或通过预定的频率矩形邻域中…
阅读更多...
简单导航栏

简单导航栏

实现一个简单的导航栏。 使用HTML和CSS实现简单的导航栏效果&#xff0c;鼠标放上改变背景杨色。 效果演示 代码演示 <!DOCTYPE html> <html><head><meta charset"utf-8"><title></title></head><style>ul{width…
阅读更多...
轻松学会python的turtle模块，画一箭穿心、小人儿发射爱心、520表白完整代码，海龟作图小创意

轻松学会python的turtle模块，画一箭穿心、小人儿发射爱心、520表白完整代码，海龟作图小创意

本文导航&#xff1a;若您是直接想要代码&#xff0c;那么请您移步代码区&#xff0c;复制粘贴即可;若您是想了解turtle模块更多知识的话&#xff0c;请您移步turtle模块知识区;若您想看完本文呢&#xff0c;那我定是感激涕零啦(✪ω✪) 您可以选择选择如下区域或不作选择浏览本…
阅读更多...
【OpenCV 例程200篇】91. 高斯噪声、瑞利噪声、爱尔兰噪声

【OpenCV 例程200篇】91. 高斯噪声、瑞利噪声、爱尔兰噪声

【OpenCV 例程200篇】 系列&#xff0c;持续更新中… 【OpenCV 例程200篇 总目录-202205更新】 【OpenCV 例程200篇】91. 高斯噪声、瑞利噪声、爱尔兰噪声 2. 噪声模型 数字图像中的噪声源主要来自图像获取和传输过程。在获取图像时&#xff0c;光照水平和传感器温度影响图像中…
阅读更多...
H5 炫酷导航

H5 炫酷导航

使用H5和CSS制作非常炫酷的旋转标题栏。 原理分析 1.使用ul(无序列表) 2.圆形边框样式 3.透明度的设置 4.边框阴影的添加 5.li去掉前面的圆点 效果演示 初始样式 旋转动画 旋转完毕 代码演示 1 CSS样式 <style>* {margin: 0;padding: 0;}body {background: url(…
阅读更多...
超详细VSCode安装教程（Windows）

超详细VSCode安装教程（Windows）

博主的VSCode专栏&#xff1a; 分享使用VS Code的基本操作与各种技巧 下载 官网下载页面&#xff1a;https://code.visualstudio.com/Download 请根据电脑的系统与所需版本点击下载链接&#xff08;一般情况下点击Windows按钮即可&#xff09; 安装 本文成于2020年4月21日&…
阅读更多...
【OpenCV 例程200篇】92. 指数噪声、均匀噪声、椒盐噪声

【OpenCV 例程200篇】92. 指数噪声、均匀噪声、椒盐噪声

【OpenCV 例程200篇】92. 指数噪声、均匀噪声、椒盐噪声 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 2. 噪声模型 数字图像中的噪声源主要来自图像获取和传输过程。在获取图像时&#xff0…
阅读更多...
去掉li前面的圆点

去掉li前面的圆点

在HTML中使用无序列表ul li的时候通常前面会出现一个圆点&#xff0c;那么如何把这个圆点去掉呢&#xff1f;&#xff1f;&#xff1f; 在 li 里使用&#xff1a; list-style: none; 案列演示 没有使用list-style: none; 使用list-style: none; 示例代码 <!DOCTYPE h…
阅读更多...
自定义你的VSCode：主题、文件图标、快捷键、设置、schema、插件

自定义你的VSCode：主题、文件图标、快捷键、设置、schema、插件

推荐自己的专栏&#xff1a; 超详细VSCode安装教程&#xff08;Windows&#xff09; 请记住一点&#xff0c;VSCode中的一切快捷键操作都可以在控制面板中输入对应的命令来完成&#xff0c;并且常用命令还可以在菜单栏中找到&#xff0c;命令其实就是简单的英文词语&#xff0c…
阅读更多...
【OpenCV 例程200篇】93. 噪声模型的直方图

【OpenCV 例程200篇】93. 噪声模型的直方图

【OpenCV 例程200篇】93. 噪声模型的直方图 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 2. 噪声模型 数字图像中的噪声源主要来自图像获取和传输过程。在获取图像时&#xff0c;光照水平和…
阅读更多...
删除a标签下面的横线

删除a标签下面的横线

在HTML中我们经常会使用a标签跳转链接&#xff0c;但是会发现a标签下面出现一个横线特别难看&#xff0c;给大家一种删除a标签下面横线的方法。 删除a标签下面横线使用&#xff1a; text-decoration: none; 效果示例 代码示例 <!DOCTYPE html> <html><head…
阅读更多...
【OpenCV 例程200篇】94. 算术平均滤波器

【OpenCV 例程200篇】94. 算术平均滤波器

【OpenCV 例程200篇】94. 算术平均滤波器 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 3. 仅噪声存在的空间滤波图像复原 当一幅图像中唯一存在的退化是噪声时&#xff0c;退化模型简化为&a…
阅读更多...
正则表达式表单验证

正则表达式表单验证

使用正则表达式验证表单中输入的内容是否符合格式。 原理分析&#xff1a; 1.失去焦点和获取焦点 2.获取内容 3.判断是否符合 4.不符合显示错误号符合显示对号 效果演示 代码演示 <!DOCTYPE html> <html> <head lang"en"><meta charset"…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023