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">
                    &times;
                </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的读写操作。

---

---

项目源码下载