开发工具与关键技术:VS+拼音码
作者: 李伙
撰写时间: 2019年7月3日
在学习MVC过程中,我们有时候会需要根据某个字段来回填它的拼音码,即首字母大写形式。比如我们根据输入的修理项目名称来填写它的拼音码,即拼音码为修理项目名称的首字母大写形式。接下来请看看如何把拼音码填写为某个字段的首字母大写形式。
先看看js部分代码:
如上图所示:为它的html代码,label标签里写字段的名称,input标签给它不同的id,等下我们需要利用它的id来填写拼音码为首字母大写形式。因为拼音码是根据修理项目名称的首字母大写形式来填写的,所以我们可以把拼音码的input标签添加“readonly”属性,这个属性是让input标签变成只读状态,这样可以防止用户不小心修改了拼音码。这里要引用bootstrap插件。
如上图所示:用到了Jquery,所以写js代码前要先引用jquery-3.2.1.min.js这个插件,否则会报错。我们是根据填入的修理项目名称来获取到相应的首字母大写形式,然后再填入到拼音码字段里的,所以“RepairItemName”为修理项目名称的id,然后利用keyup,再在里面写个post请求,拼接路径和参数。然后就是根据获取到修理项目名称的首字母大写形式回填到拼音码里。页面代码就已完成,接下来是控制器的代码:
如上图所示:控制器的代码较少,“chinese”为一个类,而“GetInitial”为“chinese”里的一个方法,主要用于获取修理项目名称的首字母大写形式,“str”则是页面传过来的参数,即填入input标签的修理项目名称,接下来看看“chinese”这个类是如何的
如上图所示:因为要获取汉字拼音码,所以在获取汉字拼音全码的方法需要引入微软的一个类库,所以可以在网上下载一个,而在上图截屏中只是一小部分,“strInitial”为CJK统一表意符号拼音码首字母串,在方法里用“foreach”循环判断是否CJK统一表意符号,然后就是return返回,这样就完成了。
如上图:就是效果图,在项目名称里输入名字,拼音码就会自动获取到项目名称的首字母大写,然后就返回到input标签。这样拼音码就完成了。