Ant创建项目模版Demo

通过Ant构建工具实现项目模板自动生成,简化新项目搭建流程。文章详细介绍如何配置Ant脚本,根据用户输入的包名和类名动态生成项目结构。



   由于项目中有用到公司自己封装的SDK,那么如果有新的开发人员,可以利用Ant来生成项目的基本架构,这样可以让新人迅速的熟悉项目的基本开发流程。

   这篇文章的话,主要来演示一下,怎么利用Ant将一个初步的项目模版生成。

   

  首先,我们来看一下这个Demo的目录结构:



      Template目录里面存放着java文件(包名/类名.java)

      其中包名和类名都是一个$符号包围的字符串,这些主要是取决你要生成什么名字的项目

 

    现在,再来看看$IVAN_CLASS$.java里面的代码:

   

package $IVAN_PACKAGE$;
public class $IVAN_CLASS$
{	
     ……………………
}

    里面的代码,也是再项目生成后,会替换成相应的名字.

 

    现在,外面在Template的同级目录下面,建立我们的ant脚本:  build.xml

   

<?xml version="1.0" encoding="UTF-8"?>
<project name="GenFileByTemplate" basedir="." default="generFile">
	<!-- 接受用户输入 -->
	<target name="input-args" depends="" description="接受包名输入">
		<echo message="================="/>
		<echo message="====开始生成文件====="/>
		<echo message="================="/>
		
		<!-- 包名设置 -->
		<input addproperty="package" message="请输入包名:"/>
		<condition property="p_name" value="${package}">
			<not>
				<equals arg1="${package}" arg2="" trim="true"/>
			</not>
		</condition>
		<fail unless="p_name" message="包名不能为空^o^"/>

		<!-- 类名设置  -->
		<input addproperty="classname" message="请输入类名:"/>
		<condition property="c_name" value="${classname}">
			<not>
				<equals arg1="${classname}" arg2="" trim="true"/>
			</not>
		</condition>
		<fail unless="c_name" message="类名不能为空^o^"/>
	</target>

	
	<target name="generFile" depends="input-args" description="根据模版生成文件">

		<filterset id="filterfile" begintoken="$" endtoken="$">
			<filter  token="IVAN_PACKAGE" value="${package}"/>
			<filter  token="IVAN_CLASS" value="${classname}"/>
		</filterset>

		<!-- 创建目的目录 -->
		<mkdir dir="./dist"/>

		<!-- 从一个目录拷贝至另外一个目录 -->
		<!--执行到这里,会将$IVAN_CLASS$.java文件里面的代码改掉$-->
		<copy todir="./dist" overwrite="true">
			<fileset dir="./template">
				<include name="$IVAN_PACKAGE$/*.java"/>
			</fileset>
			<filterset refid="filterfile"/>
		</copy>
		
		<!-- 一下会将文件名跟目录名改掉 -->
		<move file="./dist/$IVAN_PACKAGE$/$IVAN_CLASS$.java" tofile="./dist/${package}/${classname}.java"/>
		<delete dir="./dist/$IVAN_PACKAGE$"/>
	</target>
</project>

 

   这里,我在脚本里面有了详细的注释,如果我们执行ant   ,则可以像项目模版的生成(like appfuse 的生成功能).

  

    这里截图来看

 

    当前的目录结构:

 

 

下面我们来执行脚本,这里会要求你输入你的包名和类名,这个DEMO的包名只是象征性的输入了一个单词

(有可能会输入像,com.xx.xx ,如此的话,就必须产生多级目录,这里只是做演示,则没处理,有兴趣的朋友,可以自己尝试下):

 

 

 

 OK,现在我们再来看目录结构(会产生一个dist目录, 下面有模版中的文件,但是名字都变成你输入的包名和类名了):

 

 

 OK, 这样我们就把项目结构生成出来了,而且还是根据我们输入的参数来产生相应的包和类的。

 

 那么我们java文件的代码是否也同时更改了呢? 让我们来看看java文件的代码:



 

 自此,这个DEMO已经完成。 大家对ANT有兴趣的,可以去apache上了解相关的内容。欢迎大家对本文拍拍砖。

   

创建一个基于 Ant Design Pro 的新项目,可以按照以下步骤进行操作: ### 安装和初始化 1. **安装 Umi CLI** Ant Design Pro 是基于 Umi 框架的,因此需要先安装 `@umijs/cli`。使用 npm 或 yarn 进行安装: ```bash npm install -g @umijs/cli ``` 或者 ```bash yarn global add @umijs/cli ``` 2. **创建项目** 使用 `umi create` 命令创建一个新项目,并选择 Ant Design Pro 的模板: ```bash umi create my-ant-design-pro-app ``` 在交互式提示中,选择 `Ant Design Pro` 模板以确保创建项目基于 Ant Design Pro 的技术栈。 3. **进入项目目录并启动开发服务器** 创建完成后,进入项目目录并启动开发服务器: ```bash cd my-ant-design-pro-app npm start ``` 或者使用 yarn: ```bash cd my-ant-design-pro-app yarn start ``` 这将启动本地开发服务器,默认情况下可以在 `http://localhost:8000` 访问应用。 ### 项目结构 Ant Design Pro 项目的目录结构通常包括以下主要部分: - `src/`: 源代码目录,包含所有前端代码。 - `pages/`: 存放页面组件,每个页面通常是一个单独的文件夹,包含组件、样式和相关的业务逻辑。 - `components/`: 存放可复用的组件。 - `models/`: 使用 dva 管理的状态模型。 - `services/`: API 请求服务,用于与后端交互。 - `utils/`: 工具函数,例如数据处理和格式化。 - `layouts/`: 布局组件,定义页面的整体结构。 - `routes/`: 路由配置,定义页面之间的导航。 - `config/`: 配置文件目录,包含项目的构建配置、环境变量等。 - `public/`: 静态资源目录,例如图片、字体文件等。 - `package.json`: 项目的依赖和脚本配置。 ### 使用国内镜像(可选) 如果你在国内,使用国内镜像可以加速依赖的安装。可以使用以下命令设置 npm 镜像: ```bash npm config set registry https://registry.npmmirror.com ``` ### 项目运行后页面 启动项目后,可以通过浏览器访问默认地址 `http://localhost:8000` 查看项目首页。默认情况下,Ant Design Pro 提供了一个简洁的仪表盘页面,展示了基本的 UI 组件和布局。 ### 示例代码 以下是一个简单的示例,展示如何在 Ant Design Pro 中定义一个页面组件: ```tsx import React from 'react'; import { Button } from 'antd'; const HomePage: React.FC = () => { return ( <div> <h1>欢迎使用 Ant Design Pro</h1> <Button type="primary">点击我</Button> </div> ); }; export default HomePage; ``` ### 部署项目项目开发完成后,可以使用以下命令构建生产环境的代码: ```bash npm run build ``` 或者 ```bash yarn build ``` 构建完成后,生成的静态文件会存放在 `dist/` 目录中,可以将其部署到任何支持静态文件的服务器上。 ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值