微信小程序 如何去掉 "<？xml version="1.0" encoding="utf-8

报错的文件

Plain Text code?

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">

<display-name>aa</display-name>

<welcome-file-list>

<welcome-file>index.jsp</welcome-file>

</welcome-file-list>

</web-app>

第二行改成下面的样子就不报错了

Plain Text code?

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">

<display-name>0001</display-name>

<welcome-file-list>

<welcome-file>index.html</welcome-file>

<welcome-file>index.htm</welcome-file>

<welcome-file>index.jsp</welcome-file>

<welcome-file>default.html</welcome-file>

<welcome-file>default.htm</welcome-file>

<welcome-file>default.jsp</welcome-file>

</welcome-file-list>

</web-app>

下面正确的文件是Version: Juno Release的eclipse自动生成的

上面报错的是Release2

最近正在做的一个小程序项目中需要用到一个可清除的输入框控件，为了在项目中使用方便以及方便其他项目直接使用，便封装了一个可清除的input自定义组件。

组件需要达到的需求是：输入框内没有内容时，删除按钮隐藏；当输入框内有内容时，删除按钮显示，点击删除按钮则清空输入框内所有内容。并且还可以设置输入框整体样式以及输入框左侧图标。

明确了需求之后，就可以开始着手实现了。

首先，在目标目录下新建一个自定义组件

建好之后，我们需要来设计布局。根据需求来看，我们只需要三个组件：两个image和一个input。左边一个image提示图标，然后一个input输入框，最后一个image删除按钮。我们要把尽可能多的数据设置成可以修改的绑定数据，提高自定义组件的可扩展性。

最终确定的wxml布局文件如下：

然后，我们就要来设置组件的一些属性和监听方法了。小程序的组件属性列表是定义在.js文件的properties里的。把需要暴露出去并可以修改的属性都写在这里面。其语法示例如下：

我的属性列表如下：

完成了属性列表的编写之后，接下来我们需要为自定义组件添加监听事件。

事件系统是组件间通信的主要方式之一。自定义组件可以触发任意的事件，引用组件的页面可以监听这些事件。

监听以及触发事件的语法是这样的：

这里我们需要设置的触发事件有，输入框的输入事件以及输入框的确认事件。通过 triggerEvent 方法指定事件名以及事件触发事件参数

以上就已经完成了这个可清除input组件的自定义开发了。现在来看怎么使用这个组件。

首先在需要使用此组件的页面.json文件中设置usingComponents属性来引入这个自定义组件

然后，我们就可以在页面中引用这个自定义组件了，引用的方式非常简单，通过我们在上一步设置的标签名称就可以引用了。

最终实现的效果图如下：

项目GitHub地址：

微信小程序酒店类模板

微信小程序捐款类模板

1.用到的知识点

wx.request 请求接口资源（微信小程序api中的发起请求部分）

swiper 实现轮播图的组件

wx:for 循环语句

微信小程序的基础知识

2.实现原理

首先，先看一下这个请求函数

var

wx.request({

url: '******', //这里填写你的接口路径

header: { //这里写你借口返回的数据是什么类型，这里就体现了微信小程序的强大，直接给你解析数据，再也不用去寻找各种方法去解析json，xml等数据了

'Content-Type': 'application/json'

},

data: {//这里写你要请求的参数

x: '' ,

y: ''

},

success: function(res) {

//这里就是请求成功后，进行一些函数 *** 作

console.log(res.data)

}

})1234567891011121314151612345678910111213141516

3.代码

分解图

首先上一段知乎接口数据的json格式中的开头

"date":"20161114",

"stories":[

{

"images":[

""

],

"type":0,

"id":8975316,

"ga_prefix":"111422",

"title":"小事 · 我和你们一样"

},

{

"images":[

""

],

"type":0,

"id":8977438,

"ga_prefix":"111421",

"title":"成长嘛，谁说就意味着一定要长大了？"

},12345678910111213141516171819201234567891011121314151617181920

index.js中

Page({

data: {

duration: 2000,

indicatorDots: true,

autoplay: true,

interval: 3000,

loading: false,

plain: false

},

onLoad: function () {

var that = this//不要漏了这句，很重要

wx.request({

url: '',

headers: {

'Content-Type': 'application/json'

},

success: function (res) {

//将获取到的json数据，存在名字叫zhihu的这个数组中

that.setData({

zhihu: res.data.stories,

//res代表success函数的事件对，data是固定的，stories是是上面json数据中stories

})

}

})

}

})12345678910111213141516171819202122232425262728291234567891011121314151617181920212223242526272829

index.wxml中

<swiper indicator-dots="{{indicatorDots}}"

autoplay="{{autoplay}}" class="banners" interval="{{interval}}" duration="{{duration}}">//这里边的属性不重要，看下边

{{item.title}}

---