zoukankan      html  css  js  c++  java
  • 【慕课网实战】Spark Streaming实时流处理项目实战笔记十九之铭文升级版

    铭文一级:(没有内容)

    铭文二级:

    创建Spring boot项目:

    官网,Quick Start下面有两个依赖,必须得使用

    但是如果用IDEA构建Spring boot,则会自动添加

    New Project->Spring Initializr->Next

    任意确定:

    com.imooc.spark

    web

    选版本、点击左边的web->勾上web

    project name:imooc_web

    Reference里修改成本地的maven版本

    删除多余的文件:mvn、mvnw、mvnw.cmd

    新建HelloBoot类:

    上面加注解@RestController

    创建sayHello方法:

    上面加注解@RequestMapping(value="/hello",method=RequestMethod.GET)

    SpringBoot不需配置tomcat,直接运行WebApplication类即可

    访问地址为:localhost:8080/hello    //不用加项目名,如需则配

    在application.properties里加可改相对配置:

    server.port=9999

    server.context-path=/imooc

    静态Echarts步骤:

    1、static目录新建js文件夹放Echarts的js文件

    template目录建test.html文件

    2、在templates目录建html 看Echarts教程步骤,将想拿的都copy过来

    3、运行Echarts的模板需要添加一个依赖:

    groupId与上面的一样,artifactId:spring-boot-starter-thymeleaf

    4、在HelloBoot类下再写个方法firstDemo

    @RequestMapping(value = "/first", method = RequestMethod.GET)
        public ModelAndView firstDemo() {
            return new ModelAndView("test");
        }
    

    test为test.html的名称

    如觉得图标位置不好看,则可如此操作:

    在html里面的main方法里添加:

    position:absolute;top:50%;left:50%;margin-top:-200px;margin-left:-300px

    项目结构包的调整:

    新建dao、domain、spark、utils文件夹

    将WebApplication文件移出到与上面文件夹同级

  • 相关阅读:
    初识ES5、ES6
    WEB前端性能优化之三——JavaScript优化
    Web前端浏览器兼容问题
    HTML5新特性
    WEB前端性能优化之二——css优化
    WEB前端性能优化之一——网页级优化
    CSS的一些案例和坑
    bootstrap插件--select2.js--一个基于jQuery的替换框
    boostrap插件---typeahead.js---输入提示下拉菜单
    border-radius:50%,在安卓上存在兼容问题
  • 原文地址:https://www.cnblogs.com/kkxwz/p/8407943.html
Copyright © 2011-2022 走看看