线上引流推广怎么做,网站seo公司,网页设计作业成品代码js,工信部icp备案查询系统基于Springboot和WebScoket写的一个在线聊天小程序(好几天没有写东西了#xff0c;也没有去练手了#xff0c;就看了看这个。。。)项目说明此项目为一个聊天的小demo#xff0c;采用springbootwebsocketvue开发。其中有一个接口为添加好友接口#xff0c;添加好友会判断是否…基于Springboot和WebScoket写的一个在线聊天小程序(好几天没有写东西了也没有去练手了就看了看这个。。。)项目说明此项目为一个聊天的小demo采用springbootwebsocketvue开发。其中有一个接口为添加好友接口添加好友会判断是否已经是好友。聊天的时候A给B发送消息如果B的聊天窗口不是A则B处会提醒A发来一条消息。聊天内容的输入框采用layui的富文本编辑器目前不支持回车发送内容。聊天可以发送图片图片默认存储在D:/chat/目录下。点击聊天内容中的图片会弹出预览这个预览弹出此条消息中的所有图片。在发送语音的时候语音默认发送给当前聊天窗口的用户所以录制语音的时候务必保证当前聊天窗口有选择的用户。知道用户的账号可以添加好友目前是如果账号存在可以直接添加成功老规矩还是先看看小项目的目录结构一、先引入pom文件这里就只放了一点点代码(代码太长了)commons-io commons-io 2.4org.projectlombok lombok net.sf.json-lib json-lib 2.4jdk15org.springframework.boot spring-boot-starter-thymeleaf 2.2.4.RELEASEcom.alibaba fastjson 1.2.60org.springframework.boot spring-boot-starter-test test二、创建对应的yml配置文件spring: profiles: active: prodspring: datasource: username: root password: root url: jdbc:mysql://localhost:3306/chat?useUnicodetruecharacterEncodingutf8autoReconnecttrueuseSSLfalseserverTimezoneUTC driver-class-name: com.mysql.jdbc.Driver #指定数据源 type: com.alibaba.druid.pool.DruidDataSource # 数据源其他配置 initialSize: 5 minIdle: 5 maxActive: 20 maxWait: 60000 timeBetweenEvictionRunsMillis: 60000 minEvictableIdleTimeMillis: 300000 validationQuery: SELECT 1 testWhileIdle: true testOnBorrow: false testOnReturn: false poolPreparedStatements: true # 配置监控统计拦截的filters去掉后监控界面sql无法统计wall用于防火墙 filters: stat,log4j maxPoolPreparedStatementPerConnectionSize: 20 useGlobalDataSourceStat: true connectionProperties: druid.stat.mergeSqltrue;druid.stat.slowSqlMillis500 thymeleaf: suffix: .html prefix: classpath: /templates/ cache: false jackson: #返回的日期字段的格式 date-format: yyyy-MM-dd HH:mm:ss time-zone: GMT8 serialization: write-dates-as-timestamps: false # true 使用时间戳显示时间 http: multipart: max-file-size: 1000Mb max-request-size: 1000Mb#配置文件式开发mybatis: #全局配置文件的位置 config-location: classpath:mybatis/mybatis-config.xml #所有sql映射配置文件的位置 mapper-locations: classpath:mybatis/mapper/**/*.xmlserver: session: timeout: 7200三、创建实体类这里就不再多说了有Login,Userinfo,ChatMsg,ChatFriends四、创建对应的mapper(即dao层)还有对应的mapper映射文件(这里就举出了一个不再多说)public interface ChatFriendsMapper { //查询所有的好友 List LookUserAllFriends(String userid); //插入好友 void InsertUserFriend(ChatFriends chatFriends); //判断是否加好友 Integer JustTwoUserIsFriend(ChatFriends chatFriends); //查询用户的信息 Userinfo LkUserinfoByUserid(String userid);}?xml version1.0 encodingUTF-8? select userid,nickname,uimg from userinfo where userid in (select a.fuserid from chat_friends a where a.userid#{userid}) insert into chat_friends (userid, fuserid) value (#{userid},#{fuserid}) select id from chat_friends where userid#{userid} and fuserid#{fuserid} select * from userinfo where userid#{userid} 五、创建对应的业务类(即service)(同样的业务层这里也就指出一个)Servicepublic class ChatFriendsService { Autowired ChatFriendsMapper chatFriendsMapper; public List LookUserAllFriends(String userid){ return chatFriendsMapper.LookUserAllFriends(userid); } public void InsertUserFriend(ChatFriends chatFriends){ chatFriendsMapper.InsertUserFriend(chatFriends); } public Integer JustTwoUserIsFriend(ChatFriends chatFriends){ return chatFriendsMapper.JustTwoUserIsFriend(chatFriends); } public Userinfo LkUserinfoByUserid(String userid){ return chatFriendsMapper.LkUserinfoByUserid(userid); }}六、创建对应的控制器这里再说说项目的接口/chat/upimg 聊天图片上传接口/chat/lkuser 这个接口用来添加好友的时候查询用户如果用户存在返回用户信息如果不存在返回不存在/chat/adduser/ 这个接口是添加好友接口会判断添加的好友是否是自己如果添加的好友已经存在则直接返回/chat/ct 跳转到聊天界面/chat/lkfriends 查询用户的好友/chat/lkuschatmsg/ 这个接口是查询两个用户之间的聊天信息的接口传入用户的userid查询当前登录用户和该用户的聊天记录。/chat/audio 这个接口是Ajax上传web界面js录制的音频数据用的接口(同样就只写一个)Controllerpublic class LoginCtrl { Autowired LoginService loginService; GetMapping(/) public String tologin(){ return user/login; } /** * 登陆 * */ PostMapping(/justlogin) ResponseBody public R login(RequestBody Login login, HttpSession session){ login.setPassword(Md5Util.StringInMd5(login.getPassword())); String userid loginService.justLogin(login); if(useridnull){ return R.error().message(账号或者密码错误); } session.setAttribute(userid,userid); return R.ok().message(登录成功); }}七、创建对应的工具类以及自定义异常类表情过滤工具类public class EmojiFilter { private static boolean isEmojiCharacter(char codePoint) { return (codePoint 0x0) || (codePoint 0x9) || (codePoint 0xA) || (codePoint 0xD) || ((codePoint 0x20) (codePoint 0xD7FF)) || ((codePoint 0xE000) (codePoint 0xFFFD)) || ((codePoint 0x10000) (codePoint 0x10FFFF)); } Test public void testA(){ String s EmojiFilter.filterEmoji(您好你好啊); System.out.println(s); }Md5数据加密类 static String[] chars {0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f}; /** * 将普通字符串用md5加密并转化为16进制字符串 * param str * return */ public static String StringInMd5(String str) { // 消息签名(摘要) MessageDigest md5 null; try { // 参数代表的是算法名称 md5 MessageDigest.getInstance(md5); byte[] result md5.digest(str.getBytes()); StringBuilder sb new StringBuilder(32); // 将结果转为16进制字符 0~9 A~F for (int i 0; i result.length; i) { // 一个字节对应两个字符 byte x result[i]; // 取得高位 int h 0x0f (x 4); // 取得低位 int l 0x0f x; sb.append(chars[h]).append(chars[l]); } return sb.toString(); } catch (NoSuchAlgorithmException e) { throw new RuntimeException(e); } }测试数据加密类public class TestUtil { Test public void testA(){ String s Md5Util.StringInMd5(123456); System.out.println(s); }}八、引入对应的静态资源文件(这个应该一开始就做的)九、自定义一些配置并且注入到容器里面Druid数据源Configurationpublic class DruidConfig { ConfigurationProperties(prefix spring.datasource) Bean public DataSource druid(){ return new DruidDataSource(); } //配置Druid的监控 //1.配置要给管理后台的Servlet Bean public ServletRegistrationBean servletRegistrationBean(){ ServletRegistrationBean beannew ServletRegistrationBean(new StatViewServlet(),/druid/*); Map initParamsnew HashMap(); initParams.put(loginUsername,admin); initParams.put(loginPassword,admin233215); initParams.put(allow,);//默认允许ip访问 initParams.put(deny,); bean.setInitParameters(initParams); return bean; } //2.配置一个监控的filter Bean public FilterRegistrationBean webStarFilter(){ FilterRegistrationBean beannew FilterRegistrationBean(); bean.setFilter(new WebStatFilter()); Map initParamsnew HashMap(); initParams.put(exclusions,*.js,*.css,/druid/*); bean.setInitParameters(initParams); bean.setUrlPatterns(Arrays.asList(/*)); return bean; }}静态资源以及拦截器Configurationpublic class MyConfig extends WebMvcConfigurerAdapter { //配置一个静态文件的路径 否则css和js无法使用虽然默认的静态资源是放在static下但是没有配置里面的文件夹 Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler(/static/**).addResourceLocations(classpath:/static/); } Bean public WebMvcConfigurerAdapter WebMvcConfigurerAdapter() { WebMvcConfigurerAdapter adapter new WebMvcConfigurerAdapter() { Override public void addResourceHandlers(ResourceHandlerRegistry registry) { //registry.addResourceHandler(/pic/**).addResourceLocations(file:D:/chat/); registry.addResourceHandler(/pic/**).addResourceLocations(file:D:/idea_project/SpringBoot/Project/CompleteFinish/chat/chatmsg/); super.addResourceHandlers(registry); } }; return adapter; } Override public void addInterceptors(InterceptorRegistry registry) { //注册TestInterceptor拦截器 InterceptorRegistration registration registry.addInterceptor(new AdminInterceptor()); registration.addPathPatterns(/chat/*); }}WebSocketConfigScokt通信配置ConfigurationEnableWebSocketpublic class WebSocketConfig { Bean public ServerEndpointExporter serverEndpointExporter() { return new ServerEndpointExporter(); }}十、进行测试这是两个不同的用户当然了还可以进行语音添加好友 今天的就写到这里吧谢谢 这里要提一下我的一个学长的个人博客当然了还有我的谢谢作者奶思链接https://juejin.im/post/5ea7994c5188256da14e972d来源掘金
