spring mvc + ext js 结构

wyljz

于 2016-11-01 17:13:26 发布

阅读量923

点赞数

分类专栏： java 文章标签： spring mvc ext

本文链接：https://blog.csdn.net/wyljz/article/details/52997772

版权

java 专栏收录该内容

83 篇文章 7 订阅

订阅专栏

extjs6 代码放在 D:\ext6.0.1

sencha sdk 路径已经加入系统path变量

建立spring mvc项目结构

这里写图片描述

在webapp下建extjs路径

打开cmd 窗口，dos命令进入到webapp这一级

运行命令：sencha -sdk D:\ext6.0.1 generate app 项目名字

此时，extjs下已经有了extjs的项目文件

修改index.jsp：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html manifest="">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <title>regiserAdmin</title>


    <script type="text/javascript">
        var Ext = Ext || {}; // Ext namespace won't be defined yet...

        // This function is called by the Microloader after it has performed basic
        // device detection. The results are provided in the "tags" object. You can
        // use these tags here or even add custom tags. These can be used by platform
        // filters in your manifest or by platformConfig expressions in your app.
        //
        Ext.beforeLoad = function (tags) {
            var s = location.search,  // the query string (ex "?foo=1&bar")
                    profile;

            // For testing look for "?classic" or "?modern" in the URL to override
            // device detection default.
            //
            if (s.match(/\bclassic\b/)) {
                profile = 'classic';
            }
            else if (s.match(/\bmodern\b/)) {
                profile = 'modern';
            }
            else {
                profile = tags.desktop ? 'classic' : 'modern';
                //profile = tags.phone ? 'modern' : 'classic';
            }

            Ext.manifest = "/extjs/"+ profile; // this name must match a build profile name

            // This function is called once the manifest is available but before
            // any data is pulled from it.
            //
            //return function (manifest) {
            // peek at / modify the manifest object
            //};
        };
    </script>


    <!-- The line below must be kept intact for Sencha Cmd to build your application -->
    <script id="microloader" data-app="c16071a4-b73c-40f8-b884-232b7447710b" type="text/javascript" src="/extjs/bootstrap.js"></script>

</head>
<body></body>
</html>

将Ext.manifest 和bootstrap.js 的路径改为extjs的路径

修改app.json中的 “indexHtmlPath”: “../index.jsp”,

在cmd窗口运行dos命令进入extjs目录，运行：sencha app build 生成js项目

运行项目，index.jsp就加载了extjs的文件

wyljz

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
spring mvc + ext js 结构

extjs6 代码放在 D:\ext6.0.1sencha sdk 路径已经加入系统path变量建立spring mvc项目结构在webapp下建extjs路径打开cmd 窗口，dos命令进入到webapp这一级运行命令：sencha -sdk D:\ext6.0.1 generate app 项目名字此时，extjs下已经有了extjs的项目文件修改index.jsp：<%@ page lang
复制链接

扫一扫