Java课程设计个人博客

目录

引言：在此说明在本次课设过程中所遇到的困难！

一、项目搭建的问题

Q1:Web项目应用啥么编译器编写？

Q2:如何创建Web项目(MAVEN)？

Q3:Tomcat服务器开头控制台显示乱码如何解决？

Q4:Tomcat服务器怎么设置项目的开始界面，从而只要在输入项目名便可访问项目？

Q5:Tomcat服务器的资源映射设置问题？

二、前端编程遇到的相关问题

Q1.如何完成前端界面的搭建？

Q2:如何完成前端日历和实时时间显示功能的实现？

Q3:如何完成前端待办的添加删除和倒计时操作？

Q4:如何完成前端折线图的展示操作？

三、前后端交互时遇见的问题

Q1:后端如何获得前端的请求并处理？

Q2:如何将后端的数据打印到前端界面上？

Q3:如何在一个用户切换前端界面时候，在不同界面记住用户的账号，从而以此访问数据库？

Q4:前端如何将数据存入数据库?

引言：在此说明在本次课设过程中所遇到的困难！

一、项目搭建的问题

Q1:Web项目应用啥么编译器编写？

        刚开始接触时，我了解到编web的项目需要一个Web项目的工程结构，而由于平常打Java代码接触最多的便是vscode因为它有非常多的插件，且它进行前端编写也十分方便，所以vscode便成为了我的首要之选。

Q2:如何创建Web项目(MAVEN)？

           参考资料：VsCode配置JavaWeb（最新）-CSDN博客

        通过该博客我了解到vscode可以引入MAVEN，进行web项目模板的自动创建，于是我便开始MAVEN的配置和下载。

1.安装好MAVEN

2.vscode的MAVEN配置

3. 创建MAVEN项目，因为MAVEN生成的项目结构还少了点东西需要我们自己补上。

        这样创建的结构则为MVC的开发模式，将前端、后端代码分开编程，便于维护。

项目结构图：

Q3:Tomcat服务器开头控制台显示乱码如何解决？

        Tomcat作为Servlet类的实现者，其重要性不言而喻，开始安装Tomcat时，发现控制全是乱码，后面查询信息了解到是编码问题。

给日志文件加中文编码GDK

Q4:Tomcat服务器怎么设置项目的开始界面，从而只要在输入项目名便可访问项目？

通过学习了解到只要配置web.xml文件，给它添加欢迎文件即可！

Q5:Tomcat服务器的资源映射设置问题？

        这也是令我最头疼的问题，上传到tomcat的web界面老是显示不出css加载和音乐相关背景图片等资源，后面才发现是tomcat的解析url与本地浏览器不同，地址需要添加映射。

解决方法：

        在tomcat的server.xml的配置文件里配置资源文件访问的路径，tomcat会将url的尾部字符与其匹配，相配则访问该路径的资源文件，这里使用了绝对路径，因为不知道为什么，相对路径老是访问失败，就没成功过！

添加Context标签，来做地址映射

二、前端编程遇到的相关问题

Q1.如何完成前端界面的搭建？

        前端界面主要用了原生的HTML5、CSS进行搭建各功能的组件容器，div标签进行了页面布局CSS进行美化，使得JS更容易调用相应组件。

Q2:如何完成前端日历和实时时间显示功能的实现？

        前端日历功能所需要两个按钮，主要靠JS实现，JS访问日历模块容器的标签，其本质可看作一个数组，然后通过JS创建各个标签，并推入标签容器，再通过CSS实现排版便可以展示。而按钮只要改变月份变量，复用创造日历的函数导入改变后的月份参数即可通过刷新月份显示不同月的月份。以下是具体实现代码：

function showMouth(){//日历模块中间显示年月document.getElementById("date").innerHTML="";var yearandmouth=year+"年"+Month+"月";document.getElementById("date").innerHTML=yearandmouth;
}
function getMonthDay(monthnumber){//获得每月多少天var fullMonthDay=0;if(monthnumber==2){if(year%400==0||(year%100!=0&&year%4==0)){fullMonthDay=29;}else fullMonthDay=28;} else if(monthnumber==4||monthnumber==6||monthnumber==9||monthnumber==11){fullMonthDay=30;} else fullMonthDay=31;return fullMonthDay;
}
function showDay(firstday){//添加日历的每一个日document.getElementById("day").innerHTML="";var fullMonthDay=0;var weekday=firstday.getDay();//获取星期几！var days=document.getElementById("day");fullMonthDay=getMonthDay(Month);for(var i=1;i<weekday;i++){var dayElement= document.createElement("div");dayElement.innerHTML="&emsp;";dayElement.className="everyday";days.appendChild(dayElement);}//前面的空格for(var i=1;i<=fullMonthDay;i++){var dayElement=document.createElement("div");dayElement.className="everyday";dayElement.innerHTML=i;if(i==day&&Month==month){dayElement.style.color="blue";}days.appendChild(dayElement);}
}
function up(){//按钮加一个月Month=(Month+1)%12;if(Month==0)Month=12;var firstday=new Date(year,Month-1,1);//给定日期创建对象showDay(firstday);showMouth();
}
function down(){//按钮减少一个月Month=(Month-1)%12;if(Month==0)Month=12;var firstday=new Date(year,Month-1,1);//给定日期创建对象showDay(firstday);showMouth();
}
function Calendar(){//打包封装showMouth();var firstday=new Date(year,Month-1,1);//给定日期创建对象showDay(firstday);
};

Q3:如何完成前端待办的添加删除和倒计时操作？

        与日历模块的建造方式异曲同工，也是通过获取用户输入的数据，然后建立一个父标签，再创建各个子标签，对子标签的赋值，然后将子标签推入父标签。从而完成一个待办的建立。通过按钮调用倒计时功能，倒计时通过建立一个预设时间，让即使时间减去预设时间实现时间的倒数。

下面是具体的实现代码：

待办创建和倒计时功能：

function add(){//添加待办按钮函数var flag=0;var toDo;var countHour;var countMin;toDo=prompt("请输入要添加的待办项！");if(!toDo){alert("您输入的内容为空，请重新添加！")}else{countHour=prompt("请输入持续时间，单位：小时"); if(countHour.indexOf(".")==-1){countHour=parseInt(countHour);if(countHour!=null&&countHour>=0&&countHour<=24){countMin=prompt("请输入持续时间，单位：分钟");if(countMin.indexOf(".")==-1){countMin=parseInt(countMin);if(countMin!=null&&countMin>=0&&countMin<=60){alert("添加成功！");flag=1;}else{alert("输入数据非法，请重新添加！")}}else{alert("小时：请输入整数！");}}else{alert("输入数据非法，请重新添加！")}  }else{alert("分钟：请输入整数！");}}if(flag){addDeal(toDo,countHour,countMin);}
}
function addDeal(toDo,countHour,countMin){//添加待办具体实现var schedule=document.getElementById("schedule");  if(schedule.getElementsByTagName("div").length==0){schedule.innerHTML=""}var row=document.createElement("div");var checkbox=createcheckbox();var text=createctext(toDo);var countdown=createcountdown(countHour,countMin);var starts=createstarts();row.append(checkbox,text,countdown,starts);schedule.appendChild(row);}
function createcheckbox(){//创建勾选框var checkbox=document.createElement("input");checkbox.className="checkbox";checkbox.type="checkbox";checkbox.onclick=function(){if(checkbox.checked==true){alert("恭喜完成本次任务！");updateline();var parent= checkbox.parentElement;Current=parent;deleteToDoDeal();}}return checkbox;
}
function createctext(toDo){//创建待办文本var text=document.createElement("span");text.className="text";text.innerHTML=toDo;return text;
}
function createcountdown(countHour,countMin){//创建计时器显示var countdown=document.createElement("input");countdown.className="countdown";countdown.type="time";countHour=countHour<10?"0"+countHour:countHour;countMin=countMin<10?"0"+countMin:countMin;countdown.value=countHour+":"+countMin;countdown.disabled=true;return countdown;
}
function createstarts(){//创建开始计时按钮var starts=document.createElement("button");starts.className="starts";starts.onclick=function(){clearInterval(breakout);var parent=starts.parentElement;Current=parent;var time=parent.getElementsByClassName("countdown");var value=time[0].value;var hh=parseInt(value.substring(0,2));var mm=parseInt(value.substring(3,5));var ss=0;setpreTime(hh,mm,ss);breakout=setInterval(countdownTime,500);}return starts;
}
function deleteToDo(){//删除待办var num=prompt("请输入要删除的待办序号！");var node=schedule.childNodesif(num&&num.indexOf(".")==-1){num=parseInt(num);if(num>0&&num<=schedule.getElementsByTagName("div").length){Current=node[num-1];deleteToDoDeal();}else{alert("未找到该条待办！");}}else{alert("未输入整数或输入序号为空！");}}
function deleteToDoDeal(){//删除主操作var schedule=document.getElementById("schedule");schedule.removeChild(Current); clearInterval(breakout);var elem =document.getElementById("countdowntext");elem.innerHTML="";if(schedule.getElementsByTagName("div").length==0){var maintest=document.createElement("p");maintest.id="maintest";maintest.className="maintext";maintest.textContent="无待办内容！"schedule.appendChild(maintest);}
}
function setpreTime(hh,mm,ss){//预设时间preTime=new Date();preTime.setHours(preTime.getHours() + hh);preTime.setMinutes(preTime.getMinutes() + mm); preTime.setSeconds(preTime.getSeconds() + ss); 
}
function countdownTime(){//倒计时主操作if(!preTime) return false; // 如果未设置预设时间，返回var date = new Date(); // 获取当前时间var time = preTime - date; // 计算时间差time =time/1000;if(time<=0){preTime=0;if(preTime==0){alert("恭喜完成本次任务！");deleteToDoDeal();updateline();}return true;}var h = time >= 3600 ? parseInt(time / 3600) : 0; // 计算小时var m = time >= 60 ? parseInt((time - h * 3600) / 60) : 0; // 计算分钟var s = parseInt(time - h * 3600 - m * 60); // 计算秒h=h<10?"0"+h:h;m=m<10?"0"+m:m;s=s<10?"0"+s:s;var elem=document.getElementById("countdowntext");elem.innerHTML=h+":"+m+":"+s;
}

        其中倒计时用到反复调用函数，但有时候需要打断计时，此时则需要设定一个全局变量来作为打断它函数的参数。

Q4:如何完成前端折线图的展示操作？

        为了提高效率，折现图开始想用css画，后面发现不是很成功，于是查资料了解到ECHARTS技术，设置其配置文件给其添加数据即可画出相当漂亮的折线图。以下是实现代码：

function updateline(){addcnt();line();
}
function getX(){//获取当月var fullMonthDay=getMonthDay(month);var data=[];for(var i=1;i<=fullMonthDay;i++){str=month.toString()+"/"+i.toString();data.push(str);}return data;
}
function init(){//初始化专注次数数组var fullMonthDay=getMonthDay(month);for(var i=1;i<=fullMonthDay;i++){datacnt.push(0);}
}
function addcnt(){//更新专注次数数组datacnt[day-1]++;
}
function line(){//具体配置代码 var dataY=datacnt;var dataX=getX();//3.初始化实例对象 echarts.init(dom容器)var myChart = echarts.init(document.getElementById("linechart"));//4.指定配置项和数据var option = {title: {text: '月专注记录',textStyle:{color:'white'}},tooltip: {},//legend: {//图例组件data:['专注次数'],textStyle:{fontSize:16,color: "#ffffff"}},xAxis: {data: dataX,},yAxis: {type:'value'},dataZoom: [{type: 'slider',  // 滑动条show: true,  // 显示滑动条// zoomLock: true,//设置滑栏不可调缩放xAxisIndex:[0],start: 0,  // 滑动条开始位置end: 100,  // 滑动条结束位置}],series: [{data: dataY,name: '专注次数',type: 'line',}]};//5.将配置项设置给echarts实例对象，使用刚指定的配置项和数据显示图表。myChart.setOption(option);
};
//折线图实现

        其中需要一个数组作为全局变量同时也作为月专注记录的存储，这样方便结束一次待办时，更新折线图。 

三、前后端交互时遇见的问题

Q1:后端如何获得前端的请求并处理？

        通过编写Servlet继承HttpServlet，覆写doGet和doPost方法。doPost方法用于处理Post请求，如登录界面的表单提交，xml发起的post请求等。doGet方法用于加载数据，处理前端发送的GET请求。其中最要注意的是请求需要绑定servlet，这里采用了Servlet注释配置的方法。绑定servlet是要求tomcat能找到相关servlet类的具体位置，再把它加载进内存。

Servlet注释配置

@WebServlet(name = "LoginServlet",urlPatterns = "/Login")

加载和存储专注数据代码

package com.example.servlet;
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.util.ArrayList;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import com.example.dao.UserMessage;import com.example.model.User;
@WebServlet(name = "RequestUserMessageCntServlet",urlPatterns = "/RequestUserMessageCnt")
public class RequestUserMessageCntServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {System.out.println("开始加载数据折线图数据！");HttpSession session= request.getSession();String username=(String) session.getAttribute("username");UserMessage userMessage=new UserMessage();response.setContentType("text/plain");response.setCharacterEncoding("UTF-8");User user = userMessage.loadUserMessage(username);ArrayList<Integer> arrayList=user.getCnt();for (Integer integer : arrayList) {response.getWriter().write(Integer.toString(integer)+" ");}System.out.println("折线图数据，加载完毕！");}@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {BufferedReader reader = new BufferedReader(new InputStreamReader(request.getInputStream(), "UTF-8"));String line=null;ArrayList<Integer> cnt=new ArrayList<>();while((line= reader.readLine())!=null){cnt.add(Integer.parseInt(line));}HttpSession session= request.getSession();String username=(String) session.getAttribute("username");UserMessage userMessage=new UserMessage();userMessage.saveUserMessageCnt(username, cnt);}
}

登录处理操作代码

package com.example.servlet;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;import com.example.utils.JDBCUtils;
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;@WebServlet(name = "LoginServlet",urlPatterns = "/Login")
public class LoginServlet extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//处理客户端的post请求  response.setContentType("text/html;charset=utf-8");   request.setCharacterEncoding("utf-8");response.setCharacterEncoding("utf-8");//解决乱码问题！设置内容都为utf-8格式PrintWriter out = response.getWriter();String username = request.getParameter("name");String password = request.getParameter("secret");HttpSession session=request.getSession();//创建一个会话对象！JDBCUtils.registerDriver();Connection connection=JDBCUtils.getConnection();PreparedStatement pStatement=null;try {ResultSet resultSet=JDBCUtils.checkExit(username, pStatement, connection);if(resultSet.next()){if(!password.equals(resultSet.getString("password"))){out.write("<script language='javascript'>alert('密码错误，请重新输入！');window.location.href='/Todoproject/login.html'</script>");}else{session.setAttribute("username", username);out.write("<script language='javascript'>alert('登录成功！');window.location.href='/Todoproject/menu.html'</script>");}}else{//如果没有找到！out.write("<script language='javascript'>alert('该用户不存在！');window.location.href='/Todoproject/login.html'</script>");}} catch (SQLException e) {e.printStackTrace();out.write("<script language='javascript'>alert('系统发生错误！');window.location.href='/Todoproject/login.html'</script>");}finally{JDBCUtils.closeConnection(connection);}}
}

待办数据载入和存储代码

package com.example.servlet;
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.util.ArrayList;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import com.example.dao.UserMessage;
import com.example.model.ToDoList;
import com.example.model.User;
@WebServlet(name = "RequestUserMessageToDoServlet",urlPatterns = "/RequestUserMessageToDo")
public class RequestUserMessageToDoServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {System.out.println("开始加载待办数据！");HttpSession session= request.getSession();String username=(String) session.getAttribute("username");UserMessage userMessage=new UserMessage();response.setContentType("text/plain");response.setCharacterEncoding("UTF-8");User user = userMessage.loadUserMessage(username);ArrayList<ToDoList> doLists=user.getLists();  for(int i=0;i<doLists.size();i++){String toDo=doLists.get(i).getToDo();String countHour=doLists.get(i).getTime().substring(0, 2);String countMin=doLists.get(i).getTime().substring(3,5);response.getWriter().write(toDo+" "+countHour+" "+countMin+" "); }System.out.println("待办数据加载成功！");}@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {BufferedReader reader=new BufferedReader(new InputStreamReader(request.getInputStream(),"UTF-8"));HttpSession session= request.getSession();String username=(String) session.getAttribute("username");String line=null;ArrayList<ToDoList>toDos=new ArrayList<>();while((line=reader.readLine()) != null){String []strs=line.split(" ");ToDoList toDoList=new ToDoList(strs[0], strs[1]);toDos.add(toDoList);}UserMessage userMessage=new UserMessage();userMessage.saveUserMessageToDo(username, toDos);}}

加载用户登录名

package com.example.servlet;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;@WebServlet(name = "RequestUserNameServlet",urlPatterns = "/RequestUserName")
public class RequestUserNameServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {HttpSession session= request.getSession();String username=(String) session.getAttribute("username");response.setContentType("text/plain");response.setCharacterEncoding("UTF-8");response.getWriter().write(username);System.out.println(username+"用户已成功连接！");}@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {super.doPost(req, resp);}}

Q2:如何将后端的数据打印到前端界面上？

        一种方法是调用PrintWriter对象的write方法给前端发送js语句从而弹出提示窗口。另一种方法是传递数据到前端的js，js通过xml接收并处理数据再赋值给对应模块，展示在web页面上。

以下是相关代码：

第一种：

 PrintWriter out = response.getWriter();out.write("<script language='javascript'>alert('密码错误，请重新输入！');window.location.href='/Todoproject/login.html'</script>");

第二种：

response.getWriter().write(Integer.toString(integer)+" ");
//用空格作分界符，方便js处理数据

xml处理

 var arr=xml.responseText.split(" ");

         为什么需要空格呢?因为后端传来的数据是一个全部数值挤在一起的字符串，需要通过空格作为分界符号。同理前端传来的代码也一样。

Q3:如何在一个用户切换前端界面时候，在不同界面记住用户的账号，从而以此访问数据库？

        用到了session会话来记录用户的用户名，用会话保存的数据可以被多次访问，从而实现跨界面的传递，以此通过用户名访问数据库。

保存用户名

读取用户名

Q4:前端如何将数据存入数据库?

        前端通过js的xml的send()发送数据一定要指定分界符，要不然传输到后端数据会难以处理，数据传到后端后再通过Dao模式使用相关数据库指令存入数据库。

xml相关代码：

function saveUserMessageCnt(){//保存专注次数记录var str=null;var xml = new XMLHttpRequest();xml.onreadystatechange = function() {if (xml.readyState === XMLHttpRequest.DONE) {if (xml.status === 200) {console.info('专注记录保存成功!');} else {console.error('专注记录保存失败！');}}};xml.open('POST','http://localhost:8080/Time/RequestUserMessageCnt',true);xml.setRequestHeader('Content-Type', 'text/plain'); // 设置请求头为纯文本格式for(var i=0;i<datacnt.length;i++){if(str==null)str=(datacnt[i].toString()+"\n");else str=str+(datacnt[i].toString()+"\n");}console.info(str);xml.send(str);
}

这里采用空格作为分界符，通过send函数发送到后端。

后端处理代码：

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {BufferedReader reader = new BufferedReader(new         InputStreamReader(request.getInputStream(), "UTF-8"));String line=null;ArrayList<Integer> cnt=new ArrayList<>();while((line= reader.readLine())!=null){cnt.add(Integer.parseInt(line));}HttpSession session= request.getSession();String username=(String) session.getAttribute("username");UserMessage userMessage=new UserMessage();userMessage.saveUserMessageCnt(username, cnt);
}

此处的userMessage为Dao模式的接口实现类，实现了数据库的存取操作。

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

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

相关文章

Maven之私服

Maven之私服

1 介绍 团队开发现状分析私服是一台独立的服务器&#xff0c;用于解决团队内部的资源共享与资源同步问题Nexus Sonatype公司的一款maven私服产品 下载地址&#xff1a;https://help.sonatype.com/repomanager3/download win版安装包&#xff1a;https://pan.baidu.com/s/1wk…
阅读更多...
Mysql :Failed to obtain JDBC Connection

Mysql :Failed to obtain JDBC Connection

驱动版本需要跟新&#xff0c;同时驱动对应的pom依赖需要更新成mysql驱动对应版本&#xff0c;这里使用8.0.26版本。 <dependency><groupId>mysql</groupId><artifactId>mysql-connector-java</artifactId><version>${mysql-connector}<…
阅读更多...
MySQL之子查询、连接查询（内外）以及分页查询（实操）

MySQL之子查询、连接查询（内外）以及分页查询（实操）

文章目录 前言一、SQL脚本二、实操以及实现思路 前言 续上篇博主MySQL之视图&索引&执行计划这篇给大家讲解MySQL之子查询、连接查询(内&外)以及分页查询 一、SQL脚本 /*Navicat Premium Data TransferSource Server : localhostSource Server Type :…
阅读更多...
芯课堂 | 如何配置SWM系列系统时钟？

芯课堂 | 如何配置SWM系列系统时钟？

如何配置SWM系列 系统时钟&#xff1f; 华芯微特科技有限公司SWM系列芯片可通过软件配置改变时钟的速度&#xff0c;可以让我们的设计更加灵活,频率可选空间也更加广泛&#xff0c;用户可以根据自己的实际需求配置需要的系统时钟。为了让用户能够更简单的使用这一功能&#xf…
阅读更多...
(Matlab)基于CNN-Bi_LSTM的多维时序回归预测(卷积神经网络-双向长短期记忆网络)

(Matlab)基于CNN-Bi_LSTM的多维时序回归预测(卷积神经网络-双向长短期记忆网络)

目录 一、程序及算法内容介绍&#xff1a; 基本内容&#xff1a; 亮点与优势&#xff1a; 二、实际运行效果&#xff1a; 三、部分代码展示&#xff1a; 四、完整代码数据下载&#xff1a; 一、程序及算法内容介绍&#xff1a; 基本内容&#xff1a; 本代码基于Matlab平…
阅读更多...
【ASP.NET Core 基础知识】--项目结构

【ASP.NET Core 基础知识】--项目结构

一、ASP.NET Core项目的基本结构 ASP.NET Core项目的基本结构通常遵循一种标准的组织方式&#xff0c;这有助于提高项目的可维护性和可扩展性。以下是一个典型的ASP.NET Core项目的基本结构&#xff1a; 项目文件 (.csproj): 项目的主要配置文件&#xff0c;定义了项目的依…
阅读更多...
第二百五十三回

第二百五十三回

文章目录 概念介绍使用方法示例代码 概念介绍 进度条是常用的组件之一&#xff0c;它主要用来显示某种动作的完成进度。Flutter提供了多种进度条组件&#xff0c;常用的是水平进度条&#xff1a;LinearProgressIndicator&#xff1b;圆形进度条 :CircularProgressIndicator和R…
阅读更多...
C++——冒泡排序

C++——冒泡排序

作用&#xff1a;最常用的排序算法&#xff0c;对数组内元素进行排序 1&#xff0c;比较相邻的元素&#xff0c;如果第一个比第二个大&#xff0c;就交换他们两个。 2&#xff0c;对每一对相邻元素做同样的工作&#xff0c;执行完毕后&#xff0c;找到第一个最大值。 3&…
阅读更多...
朴素贝叶斯（Naive Bayes）

朴素贝叶斯（Naive Bayes）

朴素贝叶斯&#xff08;Naive Bayes&#xff09;是一组基于贝叶斯定理的分类算法&#xff0c;它基于特征之间的独立性假设&#xff0c;因此被称为“朴素”。尽管这个假设在实际情况中往往不成立&#xff0c;但朴素贝叶斯在实践中表现得相当好&#xff0c;并在文本分类和垃圾邮件…
阅读更多...
带前后端H5即时通讯聊天系统源码

带前后端H5即时通讯聊天系统源码

带有前后端的H5即时通讯聊天系统源码。该源码是一个开源的即时通信demo&#xff0c;需要前后端配合使用。它的主要目的是为了促进学习和交流&#xff0c;并为大家提供开发即时通讯功能的思路。尽管该源码提供了许多功能&#xff0c;但仍需要进行自行开发。该项目最初的开发初衷…
阅读更多...
爬虫实战 - 微博评论数据可视化

爬虫实战 - 微博评论数据可视化

简介&#xff1a; 我们都知道在数据比较少的情况下&#xff0c;我们是可以很轻易的获取到数据中的信息。但是当数据比较庞大的时候呢&#xff0c;我们就很难看出来了。尤其是面对现如今数以万计的数据&#xff0c;就更了。 不过好在我们可以通过计算机来帮我们进行分析&#…
阅读更多...
如何查看崩溃日志

如何查看崩溃日志

目录 描述 思路 查看ipa包崩溃日志 简单查看手机崩溃信息几种方式 方式1:手机设置查看崩溃日志 方式2: Xocde工具 方式3: 第三方软件克魔助手 环境配置 实时日志 奔溃日志分析 方式四&#xff1a;控制台资源库 线上崩溃日志 线上监听crash的几种方式 方式1: 三方平…
阅读更多...
vue3 封装一个按钮组件（可自定义按钮样式）

vue3 封装一个按钮组件（可自定义按钮样式）

效果图 鼠标悬浮有对应的文字提示&#xff0c;且图标出现背景色和颜色 实现 目前提供五个固定样式的图标及三个用户自定义的图标&#xff0c;可根据需要补充 组件代码 <script setup lang"ts"> import { onMounted, PropType, reactive, ref, watch } from v…
阅读更多...
HarmonyOS应用开发之ArkTS语言学习记录

HarmonyOS应用开发之ArkTS语言学习记录

1、ArkTS介绍 ArkTS是鸿蒙生态的应用开发语言。它在保持TypeScript&#xff08;简称TS&#xff09;基本语法风格的基础上&#xff0c;对TS的动态类型特性施加更严格的约束&#xff0c;引入静态类型。同时&#xff0c;提供了声明式UI、状态管理等相应的能力&#xff0c;让开发者…
阅读更多...
Qt/C++音视频开发63-设置视频旋转角度/支持0-90-180-270度旋转/自定义旋转角度

Qt/C++音视频开发63-设置视频旋转角度/支持0-90-180-270度旋转/自定义旋转角度

一、前言 设置旋转角度&#xff0c;相对来说是一个比较小众的需求&#xff0c;如果视频本身带了旋转角度&#xff0c;则解码播放的时候本身就会旋转到对应的角度显示&#xff0c;比如手机上拍摄的视频一般是旋转了90度的&#xff0c;如果该视频文件放到电脑上打开&#xff0c;…
阅读更多...
lv14 IO模型：阻塞和非阻塞 7

lv14 IO模型：阻塞和非阻塞 7

1 五种IO模型------读写外设数据的方式 阻塞: 不能操作就睡觉 非阻塞&#xff1a;不能操作就返回错误(通过轮询即才能实现阻塞的情况 &#xff09; 多路复用&#xff1a;委托中介监控 信号驱动&#xff1a;让内核如果能操作时发信号&#xff0c;在信号处理函数中操作 异步IO&a…
阅读更多...
npm报错error:03000086:digital envelope routines::initialization error

npm报错error:03000086:digital envelope routines::initialization error

可能是因为node版本过高&#xff0c;与现在的项目不符合 这是降低node版本的命令&#xff0c;然后重新运行 npm install npm8.1.2 -g
阅读更多...
LUT预设.cube格式PR/达芬奇/FCP/剪映等视频电影调色预设LUTs

LUT预设.cube格式PR/达芬奇/FCP/剪映等视频电影调色预设LUTs

对于将标准镜头转换为让人想起高端电影的视觉冲击场景至关重要。这些LUT经过专业设计&#xff0c;以模仿电影行业中的电影质量、深度和情感&#xff0c;使其成为电影制作人、摄像师和内容创作者的理想选择&#xff0c;希望为你的作品带来专业的电影色彩。 电影LUT的类别&#…
阅读更多...
三种解密 HTTPS 流量的方法介绍

三种解密 HTTPS 流量的方法介绍

Web 安全是一项系统工程&#xff0c;任何细微疏忽都可能导致整个安全堡垒土崩瓦解。拿 HTTPS 来说&#xff0c;它的「内容加密、数据完整性、身份认证」三大安全保证&#xff0c;也会受到非法根证书、服务端配置错误、SSL 库漏洞、私钥被盗等等风险的影响。很多同学认为只要访问…
阅读更多...
服务器监控软件夜莺使用（二）

服务器监控软件夜莺使用（二）

文章目录 一、采集器安装1. Categraf简介2. Categraf部署3. 测试服务器部署4. 系统监控插件5. 显卡监控插件6. 服务监控插件 二、监控仪表盘1. 机器列表2. 系统监控3. 服务监控 三、告警配置1. 邮件通知2. 告警规则3. 告警自愈 一、采集器安装 1. Categraf简介 Categraf 需要…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023

友情链接： 我的编程经验分享 一条长河网 尧图网站开发