diff --git a/CnBlogAndroid/App.js b/CnBlogAndroid/App.js
index cc1bf85..3c546f5 100644
--- a/CnBlogAndroid/App.js
+++ b/CnBlogAndroid/App.js
@@ -202,12 +202,11 @@ const SimpleNavigation = StackNavigator({
     HomeworkLists: {
         screen: HomeworkLists,
         navigationOptions: {
-            header: null,/*
             headerTitle: '作业列表',
             headerStyle: {
                 height: 40,
                 backgroundColor: 'rgb(51,204,255)',
-            }*/
+            }
         },
     },
     HomeworkDetail: {
diff --git a/CnBlogAndroid/Source/images/calender.png b/CnBlogAndroid/Source/images/calender.png
new file mode 100644
index 0000000..9a44cdc
Binary files /dev/null and b/CnBlogAndroid/Source/images/calender.png differ
diff --git a/CnBlogAndroid/Source/images/edit.png b/CnBlogAndroid/Source/images/edit.png
new file mode 100644
index 0000000..2d1c737
Binary files /dev/null and b/CnBlogAndroid/Source/images/edit.png differ
diff --git a/CnBlogAndroid/Source/images/heart.png b/CnBlogAndroid/Source/images/heart.png
new file mode 100644
index 0000000..272c405
Binary files /dev/null and b/CnBlogAndroid/Source/images/heart.png differ
diff --git a/CnBlogAndroid/Source/images/home.png b/CnBlogAndroid/Source/images/home.png
new file mode 100644
index 0000000..0ba0011
Binary files /dev/null and b/CnBlogAndroid/Source/images/home.png differ
diff --git a/CnBlogAndroid/Source/images/message.png b/CnBlogAndroid/Source/images/message.png
new file mode 100644
index 0000000..a552b6a
Binary files /dev/null and b/CnBlogAndroid/Source/images/message.png differ
diff --git a/CnBlogAndroid/Source/images/people.png b/CnBlogAndroid/Source/images/people.png
new file mode 100644
index 0000000..1dae313
Binary files /dev/null and b/CnBlogAndroid/Source/images/people.png differ
diff --git a/CnBlogAndroid/Source/images/ring.png b/CnBlogAndroid/Source/images/ring.png
new file mode 100644
index 0000000..38f8a9c
Binary files /dev/null and b/CnBlogAndroid/Source/images/ring.png differ
diff --git a/CnBlogAndroid/Source/images/save.png b/CnBlogAndroid/Source/images/save.png
new file mode 100644
index 0000000..17fc9d4
Binary files /dev/null and b/CnBlogAndroid/Source/images/save.png differ
diff --git a/CnBlogAndroid/Source/images/setting.png b/CnBlogAndroid/Source/images/setting.png
new file mode 100644
index 0000000..f82d987
Binary files /dev/null and b/CnBlogAndroid/Source/images/setting.png differ
diff --git a/CnBlogAndroid/Source/screens/ClassHome.js b/CnBlogAndroid/Source/screens/ClassHome.js
index c1af233..3c9d3f8 100644
--- a/CnBlogAndroid/Source/screens/ClassHome.js
+++ b/CnBlogAndroid/Source/screens/ClassHome.js
@@ -2,6 +2,8 @@ import Config from '../config';
 import api from '../api/api.js';
 import {authData} from '../config'
 import * as Service from '../request/request.js'
+import MyAdapter from './MyAdapter.js';
+import HeaderNoBackComponent from './HeaderNoBackComponent.js';
 import React, { Component} from 'react';
 import {
     Platform,
@@ -20,19 +22,249 @@ import {
 import {
     StackNavigator,
 } from 'react-navigation';
+const screenWidth= MyAdapter.screenWidth;
+const screenHeight= MyAdapter.screenHeight;
+const titleFontSize= MyAdapter.titleFontSize;
+const abstractFontSize= MyAdapter.abstractFontSize;
+const informationFontSize= MyAdapter.informationFontSize;
+const btnFontSize= MyAdapter.btnFontSize;   
 // 此页面应该传入classId作为属性
 // 现在暂时Id为238(BUAA软工的ID)
 export default class ClassHome extends Component{
-    render(){
-        let classId = 238;//this.props.classId
-        return(
-            <View style = {styles.container}>
-                <Text>假装是班级博客</Text>
-                {/*将classId传入作业界面*/}
-                <Button title = '进入班级作业列表' onPress = {()=>this.props.navigation.navigate('HomeworkLists',{classId:classId})}/>
+  	_onPress(){
+
+  	}	
+  render() {
+	let classId = 238;//this.props.classId  	
+    return (
+        <View
+            style= {{
+            	flexDirection: 'column',
+            	flex: 1,
+            	backgroundColor: 'white'
+            }}
+        >
+            <View style= {{        
+                flexDirection: 'row',  
+                justifyContent:'center',
+                alignItems: 'center',  
+                marginTop:0.05*screenHeight,
+            }}      	
+            >
+                <Image
+                    style= {{
+                        width: 0.3*screenHeight,
+                        height: 0.3*screenHeight
+                    }}
+                    source={{uri: 'https://i.loli.net/2017/10/30/59f7235c222ae.png'}}
+                />
+            </View>
+            <View style= {{        
+                flexDirection: 'row',  
+                justifyContent:'center',
+                alignItems: 'center',  
+                marginTop:0.04*screenHeight,
+            }}      	
+            >
+	            <Text style= {{      
+	            	alignSelf:'center',
+	                fontSize: btnFontSize,  
+	                color: '#00bfff',  
+	                textAlign: 'center',  
+	            }}
+	            >
+	                School
+	            </Text>                 
+                <TouchableHighlight
+                    underlayColor="transparent"
+                    activeOpacity={0.5}
+                    style= {{
+                    	marginLeft: 0.07*screenWidth,
+                        alignSelf:'flex-start',
+                        backgroundColor:"transparent",
+                    }}
+                    onPress={this._onPress}//关联函数                   
+                >
+	                <Image
+	                    style= {{
+	                        width: 0.0625*screenHeight,
+	                        height: 0.0625*screenHeight
+	                    }}
+	                    source={require('../images/heart.png')}
+	                />
+                </TouchableHighlight>
+            </View>
+            <View style= {{        
+                flexDirection: 'row',  
+                justifyContent:'space-between',
+                alignItems: 'center',  
+                marginTop:0.083*screenHeight,
+                marginHorizontal:0.084*screenWidth,
+            }}      	
+            >
+                <TouchableHighlight
+                    underlayColor="transparent"
+                    activeOpacity={0.5}
+                    style= {{
+                        alignSelf:'flex-start',
+                        backgroundColor:"transparent",
+                    }}
+                    onPress={()=>this.props.navigation.navigate('HomeworkLists',{classId:classId})}//关联函数                   
+                >
+	                <Image
+	                    style= {{
+	                        width: 0.1*screenHeight,
+	                        height: 0.1*screenHeight
+	                    }}
+	                    source={require('../images/home.png')}
+	                />
+                </TouchableHighlight>
+                <TouchableHighlight
+                    underlayColor="transparent"
+                    activeOpacity={0.5}
+                    style= {{
+                        alignSelf:'flex-start',
+                        backgroundColor:"transparent",
+                    }}
+                    onPress={()=>this.props.navigation.navigate('HomeworkLists',{classId:classId})}//关联函数                   
+                >
+	                <Image
+	                    style= {{
+	                        width: 0.1*screenHeight,
+	                        height: 0.1*screenHeight
+	                    }}
+	                    source={require('../images/people.png')}
+	                />
+                </TouchableHighlight>
+                <TouchableHighlight
+                    underlayColor="transparent"
+                    activeOpacity={0.5}
+                    style= {{
+                        alignSelf:'flex-start',
+                        backgroundColor:"transparent",
+                    }}
+                    onPress={()=>this.props.navigation.navigate('HomeworkLists',{classId:classId})}//关联函数                   
+                >
+	                <Image
+	                    style= {{
+	                        width: 0.1*screenHeight,
+	                        height: 0.1*screenHeight
+	                    }}
+	                    source={require('../images/edit.png')}
+	                />
+                </TouchableHighlight>
+                <TouchableHighlight
+                    underlayColor="transparent"
+                    activeOpacity={0.5}
+                    style= {{
+                        alignSelf:'flex-start',
+                        backgroundColor:"transparent",
+                    }}
+                    onPress={()=>this.props.navigation.navigate('HomeworkLists',{classId:classId})}//关联函数                   
+                >
+	                <Image
+	                    style= {{
+	                        width: 0.1*screenHeight,
+	                        height: 0.1*screenHeight
+	                    }}
+	                    source={require('../images/save.png')}
+	                />
+                </TouchableHighlight>
+
             </View>
-        )
-    }
+            <View style= {{        
+                flexDirection: 'row',  
+                justifyContent:'space-between',
+                alignItems: 'center',  
+                marginTop:0.03*screenHeight,
+                marginHorizontal:0.084*screenWidth,
+            }}      	
+            >
+                <TouchableHighlight
+                    underlayColor="transparent"
+                    activeOpacity={0.5}
+                    style= {{
+                        alignSelf:'flex-start',
+                        backgroundColor:"transparent",
+                    }}
+                    onPress={()=>this.props.navigation.navigate('HomeworkLists',{classId:classId})}//关联函数                   
+                >
+	                <Image
+	                    style= {{
+	                        width: 0.1*screenHeight,
+	                        height: 0.1*screenHeight
+	                    }}
+	                    source={require('../images/message.png')}
+	                />
+                </TouchableHighlight>
+                <TouchableHighlight
+                    underlayColor="transparent"
+                    activeOpacity={0.5}
+                    style= {{
+                        alignSelf:'flex-start',
+                        backgroundColor:"transparent",
+                    }}
+                    onPress={()=>this.props.navigation.navigate('HomeworkLists',{classId:classId})}//关联函数                   
+                >
+	                <Image
+	                    style= {{
+	                        width: 0.1*screenHeight,
+	                        height: 0.1*screenHeight
+	                    }}
+	                    source={require('../images/calender.png')}
+	                />
+                </TouchableHighlight>
+                <TouchableHighlight
+                    underlayColor="transparent"
+                    activeOpacity={0.5}
+                    style= {{
+                        alignSelf:'flex-start',
+                        backgroundColor:"transparent",
+                    }}
+                    onPress={()=>this.props.navigation.navigate('HomeworkLists',{classId:classId})}//关联函数                   
+                >
+	                <Image
+	                    style= {{
+	                        width: 0.1*screenHeight,
+	                        height: 0.1*screenHeight
+	                    }}
+	                    source={require('../images/ring.png')}
+	                />
+                </TouchableHighlight>
+                <TouchableHighlight
+                    underlayColor="transparent"
+                    activeOpacity={0.5}
+                    style= {{
+                        alignSelf:'flex-start',
+                        backgroundColor:"transparent",
+                    }}
+                    onPress={()=>this.props.navigation.navigate('HomeworkLists',{classId:classId})}//关联函数                   
+                >
+	                <Image
+	                    style= {{
+	                        width: 0.1*screenHeight,
+	                        height: 0.1*screenHeight
+	                    }}
+	                    source={require('../images/setting.png')}
+	                />
+                </TouchableHighlight>
+
+            </View>
+
+        </View>
+    );
+  }
+
+    // render(){
+    //     let classId = 238;//this.props.classId
+    //     return(
+    //         <View style = {styles.container}>
+    //             <Text>假装是班级博客</Text>
+    //             {/*将classId传入作业界面*/}
+    //             <Button title = '进入班级作业列表' onPress = {()=>this.props.navigation.navigate('HomeworkLists',{classId:classId})}/>
+    //         </View>
+    //     )
+    // }
 }
 
 const styles = StyleSheet.create({
diff --git a/CnBlogAndroid/Source/screens/ClassLists.js b/CnBlogAndroid/Source/screens/ClassLists.js
index 1fd1db1..eb95c8c 100644
--- a/CnBlogAndroid/Source/screens/ClassLists.js
+++ b/CnBlogAndroid/Source/screens/ClassLists.js
@@ -2,6 +2,8 @@ import Config from '../config';
 import api from '../api/api.js';
 import {authData} from '../config'
 import * as Service from '../request/request.js'
+import MyAdapter from './MyAdapter.js';
+import HeaderNoBackComponent from './HeaderNoBackComponent.js';
 import React, { Component} from 'react';
 import {
     StyleSheet,
@@ -13,20 +15,295 @@ import {
     TextInput,
     Dimensions,
     Button,
+    FlatList,
+    TouchableHighlight
 } from 'react-native';
 import {
     StackNavigator,
     TabNavigator,
 } from 'react-navigation';
+const screenWidth= MyAdapter.screenWidth;
+const screenHeight= MyAdapter.screenHeight;
+const titleFontSize= MyAdapter.titleFontSize;
+const abstractFontSize= MyAdapter.abstractFontSize;
+const informationFontSize= MyAdapter.informationFontSize;
+const btnFontSize= MyAdapter.btnFontSize;   
 
 export default class ClassLists extends Component{
+    _onPress(){
+
+    }    
+
     render(){
-        return(
-            <View style = {styles.container}>
-                <Text>假装是班级列表</Text>
-                <Button onPress = {()=>this.props.navigation.navigate('ClassHome')} title = '进入班级页面' color="#841584"/>
+    var data= [];   
+    for(var i= 1;i<=10;i++)
+    {
+        data.push({
+            key: i//班级ID
+        })
+    }   
+    return (
+        <View
+            style= {{
+                flexDirection: 'column',
+                flex: 1,
+                backgroundColor: 'white'
+            }}
+        >
+            <View
+            style= {{
+                flexDirection: 'row',  
+                justifyContent:'space-between',
+                alignItems: 'center',  
+                marginTop: 0.02*screenHeight,
+                marginHorizontal: 0.02*screenWidth,
+                alignSelf: 'stretch',          
+            }}          
+            >
+                <Text
+                    style= {{  
+                        alignSelf: 'flex-start',
+                        fontSize: titleFontSize,  
+                        color: '#000000',  
+                        textAlign: 'center',  
+                        fontWeight: 'bold',
+                    }}          
+                >
+                    Classes
+                </Text>
+                <TouchableHighlight
+                    underlayColor="#0588fe"
+                    activeOpacity={0.5}
+                    style= {{
+                        width:0.271*screenWidth,
+                        alignSelf: 'flex-end',
+                        borderRadius: 0.01*screenHeight,
+                        padding: 0.01*screenHeight,
+                        backgroundColor:"#0588fe"
+                    }}
+                    onPress={this._onPress}//关联函数
+                >
+                    <Text
+                        style= {{
+                            fontSize: btnFontSize,  
+                            color: '#ffffff',  
+                            textAlign: 'center',  
+                            fontWeight: 'bold',
+                        }}   
+                    >
+                      Create
+                    </Text>
+                </TouchableHighlight>
+            </View>       
+            <View style= {{        
+                flexDirection: 'row',  
+                justifyContent:'flex-end',
+                alignItems: 'center',  
+                height: 0.032*screenHeight,  
+                alignSelf: 'stretch',    
+                marginTop: 0.01*screenHeight,  
+                marginRight: 0.06*screenWidth,
+            }}
+            >
+                <Text style= {{
+                    fontSize: btnFontSize,  
+                    color: '#00bfff',  
+                    textAlign: 'center',  
+                    marginRight: 0.02*screenWidth, 
+                }}                  
+                >
+                    Time
+                </Text>
+                <Text style= {{
+                    fontSize: btnFontSize,  
+                    color: '#00bfff',  
+                    textAlign: 'center',  
+                    marginRight: 0.02*screenWidth,   
+                }}                  
+                >
+                    Activities
+                </Text>
+                <Text style= {{
+                    fontSize: btnFontSize,  
+                    color: '#00bfff',  
+                    textAlign: 'center',
+                    marginRight: 0.02*screenWidth,   
+                }}                  
+                >
+                    Members
+                </Text>
+                <Text style= {{
+                    fontSize: btnFontSize,  
+                    color: '#00bfff',  
+                    textAlign: 'center',
+                    marginRight: 0.02*screenWidth,   
+                }}                  
+                >
+                    Name
+                </Text>
+                <Text style= {{
+                    fontSize: btnFontSize,  
+                    color: '#00bfff',  
+                    textAlign: 'center',  
+                }}                  
+                >
+                  Blogs
+                </Text>             
             </View>
-        )
+            <View style= {{        
+                flexDirection: 'row',  
+                justifyContent:'flex-end',
+                alignItems: 'center',  
+                height: 0.042*screenHeight,  
+                alignSelf: 'stretch',    
+                marginTop:0.02*screenHeight,
+                marginHorizontal:0.02*screenWidth
+            }}          
+            >
+            <TextInput
+                style={{
+                    flex:1, 
+                    marginRight:0.02*screenWidth,
+                    height: 0.06*screenHeight, 
+                    borderColor: 'gray', 
+                    borderWidth: 1
+                }}
+                //onChangeText= 关联函数                
+            />          
+            <TouchableHighlight
+                underlayColor="white"
+                activeOpacity={0.5}
+                style= {{
+                    borderRadius: 0.01*screenHeight,
+                    padding: 0.01*screenHeight,
+                    backgroundColor:"white",
+                    borderWidth:1
+                }}
+                onPress={this._onPress}//关联函数                   
+            >
+                <Text
+                    style= {{
+                        fontSize: btnFontSize,  
+                        color: 'black',  
+                        textAlign: 'center',  
+                        fontWeight: 'bold',
+                    }}   
+                >
+                    Search
+                </Text>
+            </TouchableHighlight>
+            </View>
+            <View 
+                style= {{        
+                    flexDirection: 'row',  
+                    justifyContent:'flex-start',
+                    alignItems: 'flex-start',  
+                    alignSelf: 'stretch',    
+                    marginTop: 0.02*screenHeight,
+                    marginLeft: 0.02*screenWidth,
+                    marginRight: 0.04*screenWidth,
+                    flex:1,
+                }}          
+
+            >
+                <FlatList
+                  data={data}
+                  renderItem={
+                  ({item}) => 
+                  <View
+                    style= {{        
+                        flexDirection: 'row',  
+                        justifyContent:'flex-start',
+                        alignItems: 'flex-start',  
+                        alignSelf: 'stretch',    
+                        marginTop: 0.02*screenHeight,
+                        marginLeft: 0.02*screenWidth,
+                        marginRight: 0.04*screenWidth,
+                        flex:1,
+                    }}                            
+                  >
+                    <Image
+                        style= {{
+                            width: 0.1*screenHeight,
+                            height: 0.1*screenHeight
+                        }}
+                        source={{uri: 'https://i.loli.net/2017/10/30/59f7235c222ae.png'}}
+                    />
+                    <View
+                        style= {{        
+                            flexDirection: 'column',  
+                            justifyContent:'space-between',
+                            alignItems: 'flex-start',  
+                            alignSelf: 'stretch',                                
+                            marginLeft: 0.02*screenWidth,
+                            height: 0.1*screenHeight,
+                            flex:1,
+                        }}                            
+                    >
+                        <TouchableHighlight
+                            underlayColor="transparent"
+                            activeOpacity={0.5}
+                            style= {{
+                                alignSelf:'flex-start',
+                                backgroundColor:"transparent",
+                            }}
+                            onPress={()=>this.props.navigation.navigate('ClassHome')}//关联函数                   
+                        >
+                            <Text style= {{        
+                                fontSize: btnFontSize,  
+                                color: '#00bfff',  
+                                textAlign: 'center',  
+                            }}
+                            >
+                                Class {item.key}
+                            </Text>                 
+                        </TouchableHighlight>
+                        <View style= {{        
+                            flexDirection: 'row',  
+                            justifyContent:'flex-start',
+                            alignItems: 'flex-start',  
+                        }}
+                        >
+                            <Text style= {{
+                                fontSize: btnFontSize,  
+                                color: '#00bfff',  
+                                textAlign: 'center',
+                                marginRight: 0.02*screenWidth,   
+                            }}                  
+                            >
+                                Info
+                            </Text>
+                            <Text style= {{
+                                fontSize: btnFontSize,  
+                                color: '#00bfff',  
+                                textAlign: 'center',
+                                marginRight: 0.02*screenWidth,   
+                            }}                  
+                            >
+                                School
+                            </Text>
+                            <Text style= {{
+                                fontSize: btnFontSize,  
+                                color: '#00bfff',  
+                                textAlign: 'center',  
+                            }}                  
+                            >
+                              Tag
+                            </Text>                                         
+                        </View>
+                    </View>                 
+                  </View>
+                }
+                />        
+            </View>    
+        </View>
+    );        
+        // return(
+        //     // <View style = {styles.container}>
+        //     //     <Text>假装是班级列表</Text>
+        //     //     <Button onPress = {()=>this.props.navigation.navigate('ClassHome')} title = '进入班级页面' color="#841584"/>
+        //     // </View>
+        // )
     }
 }
 
diff --git a/CnBlogAndroid/Source/screens/HomeworkLists.js b/CnBlogAndroid/Source/screens/HomeworkLists.js
index 5d8b0b4..54131d9 100644
--- a/CnBlogAndroid/Source/screens/HomeworkLists.js
+++ b/CnBlogAndroid/Source/screens/HomeworkLists.js
@@ -105,9 +105,6 @@ export default class HomeworkLists extends Component {
                 backgroundColor: 'white'                
             }}
         >
-            <HeaderNoBackComponent
-              text= "ClassName"
-            />
             <View
             style= {{
                 flexDirection: 'row',