JavaWeb_LeadNews_Day4-阿里云内容安全, 雪花算法, app文章保存, 自媒体文章审核

这篇具有很好参考价值的文章主要介绍了JavaWeb_LeadNews_Day4-阿里云内容安全, 雪花算法, app文章保存, 自媒体文章审核。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

阿里云内容安全

  • 依赖
    <!-- 内容安全 -->
    <dependency>
        <groupId>com.aliyun</groupId>
        <artifactId>aliyun-java-sdk-core</artifactId>
    </dependency>
    <dependency>
        <groupId>com.aliyun</groupId>
        <artifactId>aliyun-java-sdk-green</artifactId>
    </dependency>
    
  • 实现
    @SpringBootTest(classes = WemediaApplication.class)
    @RunWith(SpringRunner.class)
    public class AliyunTest {
    
        @Autowired
        private GreenTextScan greenTextScan;
    
        @Autowired
        private FileStorageService fileStorageService;
    
        @Autowired
        private GreenImageScan greenImageScan;
    
        /**
         * 测试文本内容审核
         */
        @Test
        public void testScanText() throws Exception {
            Map map = greenTextScan.greeTextScan("我是一个好人, 冰毒");
            System.out.println(map);
        }
    
        /**
         * 测试图片审核
         */
        @Test
        public void testScanImage() throws Exception {
            byte[] bytes = fileStorageService.downLoadFile("http://192.168.174.133:9000/leadnews/2023/07/22/7086dfbae7d1478f9ffc7784351e8708.png");
    
            List<byte[]> list = new ArrayList<>();
            list.add(bytes);
    
            Map map = greenImageScan.imageScan(list);
            System.out.println(map);
        }
    }
    
  • 总结
    • 工具类太复杂, 云盾内容安全也没开通(要企业认证), 看看测试好了
    • 测试图片审核会报错, 可能是没开通

分布式主键策略-雪花算法

  • 背景
    随着业务的增长,文章表可能要占用很大的物理存储空间,为了解决该问题,
    后期使用数据库分片技术。将一个数据库进行拆分,通过数据库中间件连接。
    如果数据库中该表选用ID自增策略,则可能产生重复的ID,
    此时应该使用分布式ID生成策略来生成ID。
    
  • 技术选型
    方案 优势 劣势
    redis (INCR)生成一个全局连续递增的数字类型主键 增加了一个外部组件的依赖, Redis不可以, 则整个数据库将无法再插入
    UUID 全局唯一, Mysql也有UUID实现 36个字符组成, 占用空间大
    snowflake算法 全局唯一, 数字类型, 存储成本低 机器规模大于1024台无法支持
  • 雪花算法
    snowflake是Twitter开源的分布式ID生成算法,结果是一个long型的ID。
    其核心思想是:使用41bit作为毫秒数,
    10bit作为机器的ID(5个bit是数据中心,5个bit的机器ID),
    12bit作为毫秒内的流水号(意味着每个节点在每毫秒可以产生4096个ID),
    最后还有一个符号位,永远是0
    

app文章保存

具体实现

  • feign远程调用依赖
    <dependency>
        <groupId>org.springframework.cloud</groupId>
        <artifactId>spring-cloud-starter-openfeign</artifactId>
    </dependency>
    
  • 文章端远程接口
    // 定义接口
    @FeignClient("leadnews-article")
    public interface IArticleClient {
    
        @PostMapping("/api/v1/article/save")
        ResponseResult saveArticle(@RequestBody ArticleDto dto);
    }
    
    // 实现接口
    @RestController
    public class ArticleClient implements IArticleClient {
    
        @Autowired
        private ApArticleService apArticleService;
    
        @PostMapping("/api/v1/article/save")
        @Override
        public ResponseResult saveArticle(@RequestBody ArticleDto dto) {
            return apArticleService.saveArticle(dto);
        }
    }
    
  • app文章保存
    // Dto
    public class ArticleDto  extends ApArticle {
        /**
         * 文章内容
         */
        private String content;
    }
    
    // Service
    public ResponseResult saveArticle(ArticleDto dto) {
        // 1. 检查参数
        if(dto == null){
            return ResponseResult.errorResult(AppHttpCodeEnum.PARAM_INVALID);
        }
        ApArticle apArticle = new ApArticle();
        BeanUtils.copyProperties(dto, apArticle);
        // 2. 保存或修改文章
        if(dto.getId() == null){
            // 2.1 不存在id
            // 保存文章
            save(apArticle);
            // 保存文章配置
            ApArticleConfig apArticleConfig = new ApArticleConfig(apArticle.getId());
            apArticleConfigMapper.insert(apArticleConfig);
            // 保存文章内容
            ApArticleContent apArticleContent = new ApArticleContent();
            apArticleContent.setArticleId(apArticle.getId());
            apArticleContent.setContent(dto.getContent());
            apArticleContentMapper.insert(apArticleContent);
        }else{
            // 2.2 存在id
            // 修改文章
            updateById(apArticle);
            // 修改文章内容
            LambdaQueryWrapper<ApArticleContent> queryWrapper = new LambdaQueryWrapper<>();
            queryWrapper.eq(ApArticleContent::getArticleId, dto.getId());
            ApArticleContent apArticleContent = apArticleContentMapper.selectOne(queryWrapper);
            apArticleContentMapper.updateById(apArticleContent);
        }
        // 3. 返回文章id
        return ResponseResult.okResult(apArticle.getId());
    }
    

总结

  • dto中没有配置表的数据, 所以保存时设置配置的默认值, 修改时不用修改文章配置表
  • 返回文章id是需要在wm_news表中设置article_id, 新闻表中有个文章id字段

自媒体文章审核

提取内容和图片

  • 实现思路
  1. 通过id查询文章
  2. 查询文章状态, 需要是提交, 待审核状态
  3. 获取文章内容和图片
  • 具体实现
    @Service
    @Slf4j
    @Transactional
    public class WmNewsAutoScanServiceImpl implements WmNewsAutoScanService {
    
        @Autowired
        private WmNewsMapper wmNewsMapper;
        /**
         * 自媒体文章审核
         * @param id
         */
        @Override
        public void autoScanWmNews(Integer id) throws Exception {
            // 查询文章
            WmNews wmNews = wmNewsMapper.selectById(id);
            if(wmNews == null){
                throw new RuntimeException("WmNewsAutoScanServiceImpl-文章不存在");
            }
    
            if(wmNews.getStatus() == WmNews.Status.SUBMIT.getCode()) {
                // 获取图片和文本内容
                Map<String, Object> textAndImages = handleTextAndImages(wmNews);
            }
        }  
    
        /**
         * 获取图片和文本内容
         * @param wmNews
         * @return
         */
        private Map<String, Object> handleTextAndImages(WmNews wmNews) {
            // 图片路径
            List<String> imgList = new ArrayList<>();
            // 文本内容
            StringBuilder builder = new StringBuilder();
    
            // 从自媒体文章的内容中提取文章和图片
            if(StringUtils.isNotBlank(wmNews.getContent())) {
                List<Map> maps = JSONArray.parseArray(wmNews.getContent(), Map.class);
                for (Map map : maps) {
                    if (map.get("type").equals("image")) {
                        imgList.add((String) map.get("value"));
                    } else if (map.get("type").equals("text")) {
                        builder.append(map.get("value"));
                    }
                }
            }
            // 提取文章的封面图片
            if(StringUtils.isNotBlank(wmNews.getImages())) {
                String[] split = wmNews.getImages().split(",");
                imgList.addAll(Arrays.asList(split));
            }
            Map<String, Object> resultMap = new HashMap<>();
            resultMap.put("content", builder.toString());
            resultMap.put("images", imgList);
            return resultMap;
        }
    }
    
  • 总结
    • Arrays.asListString数组转化为List<String>
    • ListaddAll方法可以将List<>直接全加进来

审核内容和图片

  • 具体实现
    
    @Service
    @Slf4j
    @Transactional
    public class WmNewsAutoScanServiceImpl implements WmNewsAutoScanService {
    
        @Autowired
        private WmNewsMapper wmNewsMapper;
        @Autowired
        private FileStorageService fileStorageService;
        @Autowired
        private GreenTextScan greenTextScan;
        @Autowired
        private GreenImageScan greenImageScan;
        /**
         * 自媒体文章审核
         * @param id
         */
        @Override
        public void autoScanWmNews(Integer id) throws Exception {
            ...
    
            if(wmNews.getStatus() == WmNews.Status.SUBMIT.getCode()) {
                ...
                // 2. 文章文本审核
                boolean isTextScan = handleTextScan((String) textAndImages.get("content"), wmNews);
                if(!isTextScan) return;
                // 3. 文章图片审核
                boolean isImageScan = handleImageScan((List<String>) textAndImages.get("images"), wmNews);
                if(!isImageScan) return;
            }
        }
    
        /**
         * 审核图片
         * @param images
         * @param wmNews
         * @return
         */
        private boolean handleImageScan(List<String> images, WmNews wmNews) {
            boolean flag = true;
    
            if(images == null || images.size() == 0){
                return flag;
            }
    
            List<byte[]> list = new ArrayList<>();
            // 图片去重
            images = images.stream().distinct().collect(Collectors.toList());
    
            for (String image : images) {
                byte[] bytes = fileStorageService.downLoadFile(image);
                list.add(bytes);
            }
    
            try {
                Map map = greenImageScan.imageScan(list);
                if(map != null){
                    // 违规内容
                    if(map.get("suggestion").equals("block")){
                        flag = false;
                        updateWmNews(wmNews, 2, "当前文章中存在违规内容");
                    }
                    // 不确定内容, 需要人工审核
                    if(map.get("suggestion").equals("review")){
                        flag = false;
                        updateWmNews(wmNews, 3, "当前文章中存在不确定内容");
                    }
                }
            } catch (Exception e) {
                flag = false;
                throw new RuntimeException(e);
            }
            return flag;
        }
    
        /**
         * 审核纯文本内容
         * @param content
         * @param wmNews
         * @return
         */
        private boolean handleTextScan(String content, WmNews wmNews) {
            boolean flag = true;
            content += wmNews.getTitle();
            if(StringUtils.isEmpty(content)){
                return flag;
            }
            try {
                Map map = greenTextScan.greeTextScan(content);
                if(map != null){
                    // 违规内容
                    if(map.get("suggestion").equals("block")){
                        flag = false;
                        updateWmNews(wmNews, 2, "当前文章中存在违规内容");
                    }
                    // 不确定内容, 需要人工审核
                    if(map.get("suggestion").equals("review")){
                        flag = false;
                        updateWmNews(wmNews, 3, "当前文章中存在不确定内容");
                    }
                }
            } catch (Exception e) {
                flag = false;
                e.printStackTrace();
            }
            return flag;
        }
    
        /**
         * 修改文章内容
         * @param wmNews
         * @param status
         * @param reason
         */
        private void updateWmNews(WmNews wmNews, int status, String reason) {
            wmNews.setStatus((short) status);
            wmNews.setReason(reason);
            wmNewsMapper.updateById(wmNews);
        }
    }
    
  • 总结
    • 之前误以为stream流中可以通过return+collect(Collectors.toList)修改原数据内容, 而是stream().map((item)->{...})中的item若是对象, 则可以通过修改对象中的属性来修改原数据内容, 而直接通过给对象赋值来修改对象则不行, 因为这相当于让item指向新的地址, 这没有什么意义, 跟原本的数据无关.
    • idea快捷键: ctrl+alt+m, 抽取方法.

保存app端文章

  • 具体实现
@Service
@Slf4j
@Transactional
public class WmNewsAutoScanServiceImpl implements WmNewsAutoScanService {

    ...

    /**
     * 自媒体文章审核
     * @param id
     */
    @Override
    public void autoScanWmNews(Integer id) throws Exception {
        ...

        if(wmNews.getStatus() == WmNews.Status.SUBMIT.getCode()) {
            ...
            // 4. 审核通过, 保存app端相关文章
            ResponseResult responseResult = saveAppArticle(wmNews);
            if(!responseResult.getCode().equals(200)){
                throw new RuntimeException("WmNewsAutoScanServiceImpl-文字审核, 保存app端相关文章数据失败");
            }
            // 回填article_id
            wmNews.setArticleId((Long) responseResult.getData());
            updateWmNews(wmNews, 9, "审核成功");
        }
    }

    @Autowired
    private IArticleClient articleClient;
    @Autowired
    private WmChannelMapper wmChannelMapper;
    @Autowired
    private WmUserMapper wmUserMapper;
    /**
     * 保存app端相关的文章数据
     * @param wmNews
     */
    private ResponseResult saveAppArticle(WmNews wmNews) {
        ArticleDto dto = new ArticleDto();
        BeanUtils.copyProperties(wmNews, dto);
        // 文章的布局
        dto.setLayout(wmNews.getType());
        // 频道
        WmChannel wmChannel = wmChannelMapper.selectById(wmNews.getChannelId());
        if(wmChannel != null){
            dto.setChannelName(wmChannel.getName());
        }
        // 作者
        dto.setAuthorId(Long.valueOf(wmNews.getUserId()));
        WmUser wmUser = wmUserMapper.selectById(wmNews.getUserId());
        if(wmNews != null){
            dto.setAuthorName(wmUser.getName());
        }
        // 设置文字id
        if(wmNews.getArticleId() != null){
            dto.setId(wmNews.getArticleId());
        }
        dto.setCreatedTime(new Date());

        ResponseResult responseResult = articleClient.saveArticle(dto);
        return responseResult;
    }
}
  • 总结
    • 保存完, 要将返回的文章id, 保存为news表中的article_id

Feign远程调用降级

  • 介绍
    • 服务降级是服务自我保护的一种方式,或者保护下游服务的一种方式,用于确保服务不会受请求突增影响变得不可用,确保服务不会崩溃
    • 服务降级虽然会导致请求失败,但是不会导致阻塞
  • 编写降级实现类
    @Component
    public class IArticleClientFallback implements IArticleClient {
        @Override
        public ResponseResult saveArticle(ArticleDto dto)  {
            return ResponseResult.errorResult(AppHttpCodeEnum.SERVER_ERROR,"获取数据失败");
        }
    }
    
  • 自媒体微服务扫描降级类
    @Configuration
    @ComponentScan("com.heima.apis.article.fallback")
    public class InitConfig {
    }
    
  • feign接口指定降级类
    @FeignClient(value = "leadnews-article",fallback = IArticleClientFallback.class)
    public interface IArticleClient {
        ...
    }
    
  • 配置开启服务降级, 并指定响应时间
    feign:
    # 开启feign对hystrix熔断降级的支持
    hystrix:
        enabled: true
    # 修改调用超时时间
    client:
        config:
        default:
            connectTimeout: 2000
            readTimeout: 2000
    
  • 在文章微服务延时
    public ResponseResult saveArticle(ArticleDto dto) {
        // 测试feign调用降级
        try {
            Thread.sleep(3000);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
    }
    
  • 总结: 麻

发布文章异步调用

  1. 在自动审核上加异步注解
    @Async
    public void autoScanWmNews(Integer id){
        ...
    }
    
  2. 文章发布成功后, 调用自动审核
    public ResponseResult submitNews(WmNewsDto dto) {
        ...
        wmNewsAutoScanService.autoScanWmNews(wmNews.getId());
    
        return ResponseResult.okResult(AppHttpCodeEnum.SUCCESS);
    }
    
  3. 自媒体启动类添加注解
    @EnableAsync
    public class WemediaApplication {
        ...
    }
    

自管理敏感词

  • 方案介绍
    方案 说明
    数据库模糊查询 效率太低
    String.indexOf(“”)查找 数据库量大的话也是比较慢
    全文检索 分词再匹配
    DFA算法 确定有穷自动机(一种数据结构)
  • 具体实现
    private boolean handleSensitiveScan(String content, WmNews wmNews) {
        boolean flag = true;
        // 查询敏感词
        List<WmSensitive> wmSensitiveList = wmSensitiveMapper.selectList(Wrappers.<WmSensitive>lambdaQuery().select(WmSensitive::getSensitives));
        List<String> sensitiveList = wmSensitiveList.stream().map(WmSensitive::getSensitives).collect(Collectors.toList());
        // 初始化敏感词库
        SensitiveWordUtil.initMap(sensitiveList);
        // 查看文章中是否包含敏感词
        Map<String, Integer> wordMap = SensitiveWordUtil.matchWords(content);
        if(wordMap.size() > 0){
            updateWmNews(wmNews, 2, "当前文章中存在违规内容:" + wordMap);
            flag = false;
        }
        return flag;
    }
    
  • 总结
    • 使用DFA算法实现敏感词检测, 感觉DFA算法和字典树差不多

图片文字识别

入门

  • 什么是OCR
    OCR(Optical Character Recognition,光学字符识别)是指电子设备(例如扫描仪或数码相机)检查纸上打印的字符,
    通过检测暗、亮的模式确定其形状,然后用字符识别方法将形状翻译成计算机文字的过程
    
  • 方案
    方案 说明
    百度OCR 收费
    Tesseract-OCR Google维护的开源OCR引擎, 支持Java, Python等语言调用
    Test4j 封装了Tesseract-OCR, 支持Java调用
  • tess4j依赖
    <dependencies>
        <dependency>
            <groupId>net.sourceforge.tess4j</groupId>
            <artifactId>tess4j</artifactId>
            <version>4.1.1</version>
        </dependency>
    </dependencies>
    
  • 案例
    public static void main(String[] args) throws TesseractException {
        // 创建实例
        ITesseract tesseract = new Tesseract();
        // 设置字体库路径
        tesseract.setDatapath("D:\\workspace\\tessdata");
        // 设置语言 简体中文
        tesseract.setLanguage("chi_sim");
        File file = new File("D:\\csdn图库\\微服务.png");
        // 识别图片
        String res = tesseract.doOCR(file).replaceAll("\\r|\\n", "-");
        System.out.println("识别的结果为:"+res);
    }
    

集成至文字审核

  • 导入依赖, spring工厂加入工具类, 在调用工具类的服务中配置参数
  • 工具类
    @Getter
    @Setter
    @Component
    @ConfigurationProperties(prefix = "tess4j")
    public class Tess4jClient {
    
        private String dataPath;
        private String language;
    
        public String doOCR(BufferedImage image) throws TesseractException {
            //创建Tesseract对象
            ITesseract tesseract = new Tesseract();
            //设置字体库路径
            tesseract.setDatapath(dataPath);
            //中文识别
            tesseract.setLanguage(language);
            //执行ocr识别
            String result = tesseract.doOCR(image);
            //替换回车和tal键  使结果为一行
            result = result.replaceAll("\\r|\\n", "-").replaceAll(" ", "");
            return result;
        }
    }
    
  • 具体实现
    // 从byte[]转换为BufferedImage
    ByteArrayInputStream in = new ByteArrayInputStream(bytes);
    BufferedImage imageFile = ImageIO.read(in);
    // 识别图片文字
    String result = tess4jClient.doOCR(imageFile);
    System.out.println("识别内容: " + result);
    // 审核是否包含敏感词
    boolean isSensitive = handleSensitiveScan(result, wmNews);
    if(!isSensitive){
        return isSensitive;
    }
    

静态文章生成, 异步

@Service
@Slf4j
@Transactional
public class ArticleFreemarkerServiceImpl implements ArticleFreemarkerService {

    @Autowired
    private Configuration configuration;
    @Autowired
    private FileStorageService fileStorageService;
    @Autowired
    private ApArticleService apArticleService;
    /**
     * 生成静态文件上传到minIO中
     * @param article
     * @param content
     */
    @Override
    @Async
    public void buildArticleToMinIO(ApArticle article, String content) {
        if(StringUtils.isNotBlank(content)) {
            // 2. 文章内容通过freemarker生成html文件
            Template template = null;
            StringWriter out = null;
            try {
                template = configuration.getTemplate("article.ftl");
                //    数据模型
                Map<String, Object> data = new HashMap<>();
                data.put("content", JSONArray.parseArray(content));
                out = new StringWriter();
                //    合成
                template.process(data, out);
            } catch (Exception e) {
                throw new RuntimeException(e);
            }

            // 3. 把html上传到minio中
            InputStream in = new ByteArrayInputStream(out.toString().getBytes());
            String path = fileStorageService.uploadHtmlFile("", article.getId()+".html", in);
            // 4. 修改ap_article表, 保存static_url字段
            apArticleService.update(Wrappers.<ApArticle>lambdaUpdate().eq(ApArticle::getId, article.getId()).set(ApArticle::getStaticUrl, path));
        }
    }
}

来源

黑马程序员. 黑马头条文章来源地址https://www.toymoban.com/news/detail-618239.html

到了这里,关于JavaWeb_LeadNews_Day4-阿里云内容安全, 雪花算法, app文章保存, 自媒体文章审核的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JavaWeb_LeadNews_Day11-KafkaStream实现实时计算文章分数

    Kafka Stream: 提供了对存储与Kafka内的数据进行流式处理和分析的功能 特点: Kafka Stream提供了一个非常简单而轻量的Library, 它可以非常方便地嵌入任意Java应用中, 也可以任意方式打包和部署 除了Kafka外, 无任何外部依赖 通过可容错地state, store实现高效地状态操作(如windowed join和

    2024年02月09日
    浏览(33)
  • 阿里云腾讯七牛内容安全配置

    一,阿里云 1,配置RAM角色权限 向RAM用户授权系统策略权限: AliyunYundunGreenWebFullAccess 2,内容安全控制台——授权访问OSS 不授权——会报错——no permission(not authorized about role AliyunCIPScanOSSRole) 二,腾讯云配置 1,开通数据万象——绑定存储桶 2,在存储桶中设置审核策略 3,如

    2024年01月22日
    浏览(38)
  • JavaWeb学习-Day10

    准备工作    开发流程:  开发接口步骤:  删除部门:  新增部门:    简化代码: limit:分页展示,公式:(页数-1)*页面总数,页面总数   目前出现的问题: 1.网页没有图形化界面,只有从数据库读取的信息,postman可以 正常运行,初步怀疑是前端和后端Java代码没有连

    2024年02月11日
    浏览(33)
  • 【JavaWeb】day01-HTML&CSS

    图片标签: img src :指定图像URL(绝对路径/相对路径) width :图像宽度(像素/相对于父元素的百分比) height :图像高度(像素/相对于父元素的百分比) 标题标签: h1 - h6 水平线标签: hr 超链接: a href :指定资源访问的url target :指定在何处打开资源链接 _self :默认值,

    2024年02月04日
    浏览(34)
  • JavaWeb《后端内容:1. Tomcat - Servlet - Thymeleaf》

    目录 1. 基础概念 1.1 BS架构和CS架构 1.2 Tomcat图解 2.TomCat 2.1 IDEA配置web项目和tomcat 2.2 idea启动TomCat因为端口号失败的问题 3.Servlet使用流程 3.1 Servlet简单图解 3.2 Servlet导入依赖  3.3 编写Servlet和add.html 3.4 试着使用Jdbc和Dao层连接水果库存数据库 0. 基础结构的代码 1. 数据库表创建

    2024年02月03日
    浏览(46)
  • JavaWeb:Servlet、ServletContext、HttpServletResponse、HttpServletRequest 的详细内容

    Servlet 是 Sun 公司开发动态 Web 的一门技术,在这些 API 中提供了一个接口就是:Servlet,开发一个 Servlet 程序需要 两个步骤 : 编写一个类,实现 Servlet 接口; 把开发好的 java 类部署到 Web 服务器中。 把实现了 Servlet 接口的 Java 程序叫做 Servlet 。 创建一个普通的 Maven 项目,注

    2024年02月03日
    浏览(45)
  • JavaWeb_瑞吉外卖_项目优化Day10-Spring Cache

    提交步骤: 生成空仓库, 不要加任何文件 右键项目, add整个项目 commit和push, push时添加远程仓库地址 新建分支步骤: 在本地新建一个分支 push 注入redis对象 将验证码保存到redis, 有效期5分钟 获取验证码, 登录成功后删除验证码 获取缓存数据 删除缓存数据 Spring Cache是一个框架,

    2024年02月13日
    浏览(40)
  • 【javaweb】学习日记Day3 - Ajax 前后端分离开发 入门

    目录 一、Ajax 1、简介 2、Axios (没懂 暂留) (1)请求方式别名 (2)发送get请求 (3)发送post请求 (4)案例 二、前端工程化 1、Vue项目-目录结构 2、Vue项目-启动 (1)vscode页面启动 (2)cmd命令框启动 3、配置Vue端口号 4、Vue项目开发流程 三、Vue组件库 - Element  1、快速入门

    2024年02月12日
    浏览(35)
  • 【javaweb】学习日记Day4 - Maven 依赖管理 Web入门

    目录 一、Maven入门 - 管理和构建java项目的工具 1、IDEA如何构建Maven项目 2、Maven 坐标 (1)定义 (2)主要组成 3、IDEA如何导入和删除项目 二、Maven - 依赖管理 1、依赖配置 2、依赖传递 (1)查看依赖  (2)排除依赖 3、依赖范围 三、Web 入门 1、Springboot web入门体验 2、HTTP简述

    2024年02月11日
    浏览(50)
  • Java学习day3——Javaweb登录页面设计(1)(含JSP代码)

    本文主要的内容是完成网页登录页面设计,以及判断用户名密码是否正确,如果正确,进入下一页面,并输出sessionID,若错误,则在登录页面给出用户名或密码错误提示,并在登录页面显示访问次数。 登录页面(userLogin.jsp) 用户名输入框 密码输入框 提交内容到登录处理页面

    2023年04月18日
    浏览(83)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包