ASP.NET MVC + Bootstrap + XML + WCF 封装短信验证服务（二）

上篇博客展示的是哪些系统想要使用短信验证服务，和已经配置好的短信内容，那这篇博客就来介绍下如果来一个新系统，需要怎么配置，怎么将页面的短信内容动态的添加到XML文件中。

添加页面代码

在主页面中添加一个添加按钮，当点击按钮的时候会显示一个模态框，模态框的代码如下：

<!-- 模态框（Modal） -->
<div class="modal fade" id="addModal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close"
data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title" id="myModalLabel">添加短信详情
</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="firstname" class="col-sm-3 control-label">项目标识：</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="programkey"
placeholder="请输项目的标识">
</div>
</div>
<div class="form-group">
<label for="lastname" class="col-sm-3 control-label">短信起始内容：</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="smsstart"
placeholder="请输入短信起始内容">
</div>
</div>
<div class="form-group">
<label for="lastname" class="col-sm-3 control-label">短信结尾内容：</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="smsend"
placeholder="请输入短信结尾内容">
</div>
</div>
<div class="form-group">
<label for="lastname" class="col-sm-3 control-label">操作人：</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="smsoperator"
placeholder="请输入操作人名称">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">
关闭
</button>
<button type="button" class="btn btn-primary" id="submitsms">
提交
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>

显示效果如下图：



controller代码：负责解析，获取页面数据，并且保存至XML中

public ActionResult AddSMSContent()
{
//接收前台传过来的信息
string programKey = Request["programKey"];
string smsstart = Request["smsstart"];
string smsend = Request["smsend"];
string smsoperator = Request["smsoperator"];

try
{
//获取路径 ..\TGB.Common.Message\TGB.Common.Message.UI\XML下的XML文件
string xmlPath = System.Web.HttpContext.Current.Server.MapPath("~/XML/SMSContent.xml");
//判断该路径下是否存在xml文件，没有则创建一个
if (System.IO.File.Exists(xmlPath))
{
//加载xml文件
XDocument xmlDoc = XDocument.Load(xmlPath);
XElement root = xmlDoc.Element("SMSContent");//取到根结点
//新建一个元素
XElement xElement = new XElement(
new XElement(programKey,
new XElement("startcontent", smsstart),
new XElement("endcontent", smsend),
new XElement("opeperson", smsoperator)
)
);
//添加并保存该元素
root.Add(xElement);
xmlDoc.Save(xmlPath);
}
else
{
//创建XML文件
XElement xElement = new XElement(
new XElement("SMSContent",
new XElement(programKey,
new XElement("startcontent", smsstart),
new XElement("endcontent", smsend),
new XElement("opeperson", smsoperator)
)
)
);

//需要指定编码格式，否则在读取时会抛：根级别上的数据无效。
XmlWriterSettings settings = new XmlWriterSettings();
settings.Encoding = new UTF8Encoding(false);
settings.Indent = true;
XmlWriter xw = XmlWriter.Create(xmlPath, settings);
xElement.Save(xw);
//写入文件
xw.Flush();
xw.Close();
}
bool isaddtrue = true;
return Json(isaddtrue, JsonRequestBehavior.AllowGet);
}
catch (Exception ex)
{

throw ex;
}
}

XML文件中增加了数据



这样就成功的将新的短信内容添加到了XML文件中，其实前台的核心就是XML的读写操作。

项目源码下载