项目乐学成语HappyIdiom

2024-03-24 20:10
文章标签 项目 成语 乐学 happyidiom

本文主要是介绍项目乐学成语HappyIdiom，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

      在做这个项目之前，我们首先要创建数据库。数据库创建好了后便要开始编码了。首先需要在项目下创建存放所有活动相关代码的activity包，用于存放所有数据库相关代码的db包，用于存放所有实体的代码的entity包，用于存放数据操作相关的代码的dao包，用于存放所有工具相关的util包，还有test包,adapter包

代码如下：

db包中的DBOpenHelper类

package cn.edu.bztc.happyidiom.db;import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;import cn.edu.bztc.happyidiom.R;import android.content.Context;
import android.database.sqlite.SQLiteDatabase;
import android.os.Environment;
import android.util.Log;public class DBOpenHelper {private final int BUFFER_SIZE = 400000;//缓冲区大小public  static final String DB_NAME = "idioms.db";//保存的数据库文件名public static final String PACKAGE_NAME="cn.edu.bztc.happyidiom";//应用的包名public static final String DB_PATH="/data" +Environment.getDataDirectory().getAbsolutePath()+"/" +PACKAGE_NAME+"/databases";//手机里存放数据库的位置private Context context;public DBOpenHelper(Context context){this.context=context;}public SQLiteDatabase openDatabase(){try{File myDataPath = new File(DB_PATH);if(!myDataPath.exists()){myDataPath.mkdirs();//如果没有这个目录则创建}String dbfile = myDataPath+"/"+DB_NAME;if(!(new File(dbfile).exists())){//判断数据库文件是否存在，若不存在则执行否则直接打开数据库InputStream is = context.getResources().openRawResource(R.raw.idioms);FileOutputStream fos = new FileOutputStream(dbfile);byte[] buffer = new byte[BUFFER_SIZE];int count = 0;while ((count = is.read(buffer))>0){fos.write(buffer,0, count);}fos.close();is.close();}SQLiteDatabase db = SQLiteDatabase.openOrCreateDatabase(dbfile, null);return db;}catch(FileNotFoundException e){Log.e("Database","File not found");e.printStackTrace();}catch(IOException e){Log.e("Database","IO exception");e.printStackTrace();}return null;}}
然后搭建单元测试环境，修改AndroidManifest.xml文件 
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"package="cn.edu.bztc.happyidiom"android:versionCode="1"android:versionName="1.0" ><uses-sdkandroid:minSdkVersion="14"android:targetSdkVersion="18" /><applicationandroid:allowBackup="true"android:icon="@drawable/ic_launcher"android:label="@string/app_name"android:theme="@android:style/Theme.NoTitleBar" ><uses-library android:name="android.test.runner" /><activityandroid:name="cn.edu.bztc.happyidiom.activity.MainActivity"android:label="@string/title_activity_main" ><intent-filter><action android:name="android.intent.action.MAIN" /><category android:name="android.intent.category.LAUNCHER" /></intent-filter></activity><activityandroid:name="cn.edu.bztc.happyidiom.activity.StudyActivity"android:label="@string/title_activity_study" ></activity><activity android:name="cn.edu.bztc.happyidiom.activity.StudyAnimalActivity"></activity></application><instrumentationandroid:name="android.test.InstrumentationTestRunner"android:targetPackage="cn.edu.bztc.happyidiom" ></instrumentation></manifest>
在test包下新建DBOpenHelperTest类<pre name="code" class="java">//只封装了一个方法，该方法调用了DBOpenHelper类里面定义的openDatabase()方法
package cn.edu.bztc.happyidiom.test;
import cn.edu.bztc.happyidiom.db.DBOpenHelper;
import android.test.AndroidTestCase;public class DBOpenHelperTest extends AndroidTestCase{public void testDBCopy(){DBOpenHelper dbOpenHelper=new DBOpenHelper(getContext());dbOpenHelper.openDatabase();}}

 然后在entity包下新建Animal类 

package cn.edu.bztc.happyidiom.entity;public class Animal {private int id;private String name;//成语名称private String pronounce;//成语发音private String explain;//成语解释private String antonym;//反义词private String homoionym;//同义词private String derivation;//源自private String examples;//例子public int getId() {return id;}public void setId(int id) {this.id = id;}public String getName() {return name;}public void setName(String name) {this.name = name;}public String getPronounce() {return pronounce;}public void setPronounce(String pronounce) {this.pronounce = pronounce;}public String getExplain() {return explain;}public void setExplain(String explain) {this.explain = explain;}public String getAntonym() {return antonym;}public void setAntonym(String antonym) {this.antonym = antonym;}public String getHomoionym() {return homoionym;}public void setHomoionym(String homoionym) {this.homoionym = homoionym;}public String getDerivation() {return derivation;}public void setDerivation(String derivation) {this.derivation = derivation;}public String getExamples() {return examples;}public void setExamples(String examples) {this.examples = examples;}}

然后在dao包中新建AnimalDao类 

package cn.edu.bztc.happyidiom.dao;import java.util.ArrayList;
import java.util.List;import cn.edu.bztc.happyidiom.db.DBOpenHelper;
import cn.edu.bztc.happyidiom.entity.Animal;
import android.content.Context;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;public class AnimalDao {private static AnimalDao animalDao;private SQLiteDatabase db;/*** 将构造方法私有化*/private AnimalDao(Context context){DBOpenHelper dbHelper = new DBOpenHelper(context);db=dbHelper.openDatabase();}/*** 获取AnimalDao的实例。*/public synchronized static AnimalDao getInstance(Context context){if(animalDao==null){animalDao = new AnimalDao(context);}return animalDao;}/*** 从数据库读取所有的动物类成语。*/public List<Animal> getAllAnimals(){List <Animal> list=new ArrayList<Animal>();Cursor cursor = db.query("animal",null,null,null,null,null,null);if(cursor.moveToFirst()){do{Animal animal = new Animal();animal.setId(cursor.getInt(cursor.getColumnIndex("_id")));animal.setName(cursor.getString(cursor.getColumnIndex("name")));animal.setPronounce(cursor.getString(cursor.getColumnIndex("pronounce")));animal.setExplain(cursor.getString(cursor.getColumnIndex("explain")));animal.setAntonym(cursor.getString(cursor.getColumnIndex("antonym")));animal.setHomoionym(cursor.getString(cursor.getColumnIndex("homoionym")));animal.setDerivation(cursor.getString(cursor.getColumnIndex("derivation")));animal.setExamples(cursor.getString(cursor.getColumnIndex("examples")));list.add(animal);}while(cursor.moveToNext());}return list;}
}

在Test包下创建AnimalDaoTest类 

package cn.edu.bztc.happyidiom.test;import java.util.List;import cn.edu.bztc.happyidiom.dao.AnimalDao;
import cn.edu.bztc.happyidiom.entity.Animal;
import android.test.AndroidTestCase;public class AnimalDaoTest extends AndroidTestCase {public void testGetAllAnimals(){AnimalDao animalDao=AnimalDao.getInstance(getContext());List <Animal> animals = animalDao.getAllAnimals();System.out.println(animals.size());for(Animal animal:animals){System.out.println(animal.getName());}}
}
然后需要我们完成主页面的设计，在res的drawable-hdpi目录下拷入需要的图片素材，然后在res/layout新建activity_main.xml 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:paddingBottom="@dimen/activity_vertical_margin"android:paddingLeft="@dimen/activity_horizontal_margin"android:paddingRight="@dimen/activity_horizontal_margin"android:paddingTop="@dimen/activity_vertical_margin"android:theme="@android:style/Theme.NoTitleBar"tools:context=".MainActivity" ><TabHostandroid:id="@android:id/tabhost"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_alignParentLeft="true"android:layout_alignParentTop="true" ><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"> <TabWidgetandroid:id="@android:id/tabs"android:layout_width="match_parent"android:layout_height="wrap_content"> </TabWidget>     <FrameLayout android:id="@android:id/tabcontent"android:layout_width="match_parent"android:layout_height="match_parent"><LinearLayout android:id="@+id/tab1"android:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"></LinearLayout><LinearLayout  android:id="@+id/tab2"android:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"></LinearLayout>   <LinearLayout  android:id="@+id/tab3"android:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"></LinearLayout>   </FrameLayout></LinearLayout></TabHost>
</RelativeLayout>
再在res的values下的string.xml定义所需字符 

<?xml version="1.0" encoding="utf-8"?>
<resources><string name="app_name">HappyIdiom</string><string name="action_settings">Settings</string><string name="hello_world">Hello world!</string><string name="title_activity_main">MainActivity</string><string name="title_study">学习</string><string name="title_search">搜搜</string><string name="title_game">游戏</string><string name="title_save">收藏</string><string name="title_help">帮助</string><string-array name="category"><item>动物类</item><item>自然类</item><item>人物类</item><item>季节类</item><item>数字类</item><item>寓言类</item><item>其他类</item></string-array><string name="title_activity_study">StudyActivity</string></resources>
然后在activity包下新建MainActivity类 

/** 这个类中的onCreate()方法，通过调用getTabHost()方法来获取整个TabHost组件。* 然后调用抽取出来的自定义方法addTab()添加了五个选项卡*/
package cn.edu.bztc.happyidiom.activity;
import cn.edu.bztc.happyidiom.R;
import android.os.Bundle;import android.app.TabActivity;
import android.content.Intent;
import android.view.Menu;
import android.view.Window;
import android.widget.TabHost;@SuppressWarnings("deprecation")
public class MainActivity extends TabActivity {private TabHost tabHost;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);requestWindowFeature(Window.FEATURE_NO_TITLE);//取消标题栏setContentView(R.layout.activity_main);tabHost = getTabHost();addTab("study",R.string.title_study,R.drawable.search,StudyActivity.class);addTab("search",R.string.title_search,R.drawable.search,StudyActivity.class);addTab("game",R.string.title_game,R.drawable.game,StudyActivity.class);addTab("save",R.string.title_save,R.drawable.save,StudyActivity.class);addTab("help",R.string.title_help,R.drawable.search,StudyActivity.class);}private void addTab(String tag, int title_introduction, int title_icon,  Class ActivityClass){// TODO Auto-generated method stubtabHost.addTab(tabHost.newTabSpec(tag).setIndicator(getString(title_introduction),getResources().getDrawable(title_icon)).setContent(new Intent(this,ActivityClass)));}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;}}

然后在entivity包下新建类Category 

package cn.edu.bztc.happyidiom.entity;public class Category {private String name;//类别名称private int imageId;//类别对应的图片public Category(String name,int imageId){super();this.name=name;this.imageId=imageId;}public String getName(){return name;}public int getImageId(){return imageId;}
}
在layout下新建activity_study.xml文件 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:paddingBottom="@dimen/activity_vertical_margin"android:paddingLeft="@dimen/activity_horizontal_margin"android:paddingRight="@dimen/activity_horizontal_margin"android:paddingTop="@dimen/activity_vertical_margin"android:background="@drawable/bg_ling"tools:context=".StudyActivity"><ListView android:id="@+id/lvCategories"android:layout_width="match_parent"android:layout_height="wrap_content"android:listSelector="#00000000" android:layoutAnimation="@anim/anim_layout_listview"android:layout_alignParentLeft="true"android:layout_alignParentTop="true"></ListView>
</RelativeLayout>
然后接着新建category_item.xml文件 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:padding="10dp"android:orientation="horizontal" ><ImageViewandroid:id="@+id/category_image"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/category_animal"/><TextView android:id="@+id/category_name"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="animal"android:gravity="center"android:textAppearance="?android:attr/textAppearanceLarge"/>
</LinearLayout>
然后在adapter包下新建类CategoryAdapter 

package cn.edu.bztc.happyidiom.adapter;import java.util.List;import cn.edu.bztc.happyidiom.entity.Category;
import cn.edu.bztc.happyidiom.R;import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;public class CategoryAdapter extends ArrayAdapter<Category>{private int resourceld;public CategoryAdapter(Context context, int resource,List<Category> objects) {super(context, resource, objects);// TODO Auto-generated constructor stubresourceld=resource;}/** 我们可以在getView()中进行判断，如果convertView为空，则使用LayoutInflater* 去加载布局，如果不为空则直接对convertView进行重用。*/public View getView(int position,View convertView,ViewGroup parent){Category category=getItem(position);//获取当前项的Category实例View view;ViewHolder viewHolder;if(convertView==null){view = LayoutInflater.from(getContext()).inflate(resourceld,null);viewHolder = new ViewHolder();viewHolder.categoryImage=(ImageView)view.findViewById(R.id.category_image);viewHolder.categoryName=(TextView)view.findViewById(R.id.category_name);view.setTag(viewHolder);}else{view=convertView;viewHolder=(ViewHolder)view.getTag();//重新获取ViewHolder}viewHolder.categoryImage.setImageResource(category.getImageId());viewHolder.categoryName.setText(category.getName());return view;}class ViewHolder{ImageView categoryImage;TextView categoryName;}/*ImageView categoryImage=(ImageView)view.findViewById(R.id.category_image);TextView categoryName=(TextView)view.findViewById(R.id.category_name);categoryImage.setImageResource(category.getImageId());categoryName.setText(category.getName());return view;*/}

在activity包下新建StudyActivity类 

package cn.edu.bztc.happyidiom.activity;import java.util.ArrayList;
import java.util.List;import cn.edu.bztc.happyidiom.adapter.CategoryAdapter;
import cn.edu.bztc.happyidiom.entity.Category;
import cn.edu.bztc.happyidiom.R;
import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.content.res.Resources;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;public class StudyActivity extends Activity {private List<Category>categoryList;private String[] category_names;private int[] category_images;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_study);initCategories();//初始化类别CategoryAdapter adapter=new CategoryAdapter(this,R.layout.category_item,categoryList);ListView listView=(ListView) findViewById(R.id.lvCategories);listView.setAdapter(adapter);listView.setOnItemClickListener(new OnItemClickListener(){@Overridepublic void onItemClick(AdapterView<?> adapterView, View view, int position,long id) {// TODO Auto-generated method stubswitch(position){case 0:Intent intent=new Intent(StudyActivity.this,StudyAnimalActivity.class);startActivity(intent);break;default:break;}//Category category=categoryList.get(position);//Toast.makeText(StudyActivity.this, category.getName(), Toast.LENGTH_LONG).show();}});}private void initCategories() {// TODO Auto-generated method stubcategoryList=new ArrayList<Category>();Resources resources = getResources();category_names=resources.getStringArray(R.array.category);category_images=new int[]{R.drawable.category_animal,R.drawable.category_nature,R.drawable.category_human,R.drawable.category_season,R.drawable.category_number,R.drawable.category_fable,R.drawable.category_other};for(int i=0;i<category_names.length;i++){categoryList.add(new Category(category_names[i],category_images[i]));}}
/** 这里添加了一个initCategories()方法，用于初始化所有的类别数据。并且在onCreate()方法中创建了CategoryAdapter对象，* 把CategoryAdapter作为适配器传递给了ListView。*/@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.study, menu);return true;}}

然后在res目录下创建anim目录，创建anim_listview.xml文件 

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"android:duration="1000"android:fromAlpha="0.0"android:toAlpha="1.0"></alpha>
然后创建anim_layout_listview.xml文件 

<?xml version="1.0" encoding="utf-8"?>
<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"android:animation="@anim/anim_listview"android:animationOrder="random"android:delay="0.2"></layoutAnimation>
在layout下新建activity_animal.xml文件 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/bg_animal"android:orientation="vertical" ><ListViewandroid:id="@+id/lvAnimalList"android:layout_width="match_parent"android:layout_height="wrap_content"android:layoutAnimation="@anim/anim_layout_listview"android:listSelector="#00000000">
</ListView>
</LinearLayout>
再新建animal_itwm.xml文件 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent" android:padding="10dp"><TextView android:id="@+id/tvName"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentLeft="true"android:layout_alignParentTop="true"android:gravity="center"android:text="助人为乐"android:textAppearance="?android:attr/textAppearanceLarge"/><ImageButtonandroid:id="@+id/btnSave"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="@null"android:layout_alignParentRight="true"android:layout_alignTop="@+id/tvName"android:src="@drawable/btnsave"/>
</RelativeLayout>
然后再在adapter包下创建类AnimalAdapter 

package cn.edu.bztc.happyidiom.adapter;import java.util.List;import cn.edu.bztc.happyidiom.entity.Animal;
import cn.edu.bztc.happyidiom.R;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageButton;
import android.widget.TextView;
import android.widget.Toast;public class AnimalAdapter extends ArrayAdapter<Animal>{private int resourceld;private Context context;public AnimalAdapter(Context context, int resource,List<Animal>objects) {super(context, resource,objects);this.context=context;resourceld = resource;// TODO Auto-generated constructor stub}public View getView(int position,View convertView,ViewGroup parent){final Animal animal=getItem(position);//获取当前项的Animal实例View view;ViewHolder  viewHolder;if(convertView ==null){view=LayoutInflater.from(getContext()).inflate(resourceld, null);viewHolder=new ViewHolder();viewHolder.tvName=(TextView)view.findViewById(R.id.tvName);viewHolder.btnSave=(ImageButton)view.findViewById(R.id.btnSave);viewHolder.btnSave.setFocusable(false);viewHolder.btnSave.setFocusableInTouchMode(false);viewHolder.btnSave.setOnClickListener(new OnClickListener(){public void onClick(View view){Toast.makeText(context, "你要收藏"+animal.getName()+"吗",Toast.LENGTH_SHORT ).show();}});view.setTag(viewHolder);}else{view=convertView;viewHolder=(ViewHolder)view.getTag();}viewHolder.tvName.setText(animal.getName());return view;}class ViewHolder{TextView tvName;ImageButton btnSave;}
}

在activity下新建StudyAnimalActivity 

package cn.edu.bztc.happyidiom.activity;import java.util.List;import cn.edu.bztc.happyidiom.adapter.AnimalAdapter;
import cn.edu.bztc.happyidiom.dao.AnimalDao;
import cn.edu.bztc.happyidiom.entity.Animal;
import cn.edu.bztc.happyidiom.util.DialogUtil;
import cn.edu.bztc.happyidiom.R;import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;public class StudyAnimalActivity extends Activity{private List<Animal>animalList;private AnimalDao animalDao;private ListView lvAnimalList;protected void onCreate(Bundle savedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.activity_animal);initAnimals();lvAnimalList=(ListView)findViewById(R.id.lvAnimalList);AnimalAdapter animalAdapter=new AnimalAdapter(this,R.layout.animal_item,animalList);lvAnimalList.setAdapter(animalAdapter); lvAnimalList.setOnItemClickListener(new OnItemClickListener(){@Overridepublic void onItemClick(AdapterView<?> adapterView, View view, int position,long id) {// TODO Auto-generated method stubAnimal animal=animalList.get(position);String result=animal.getName()+"\n"+animal.getPronounce()+"\n【解释】:"+animal.getExplain()+"\n【近义词】:"+animal.getHomoionym()+"\n【反义词】:"+animal.getAntonym()+"\n【来源】:"+animal.getDerivation()+"\n【示例】:"+animal.getExamples();DialogUtil.showDialog(result,StudyAnimalActivity.this);}});}private void initAnimals(){animalDao=AnimalDao.getInstance(this);animalList=animalDao.getAllAnimals();}
}

在layout新建布局文件dialog_info.xml 

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent" ><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/bg_ling"android:orientation="vertical" ><TextViewandroid:id="@+id/tvldiomInfo"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="Medium Text"android:textAppearance="?android:attr/textAppearanceMedium"/></LinearLayout></ScrollView>
在util包下创建DialogUtil类 

package cn.edu.bztc.happyidiom.util;import cn.edu.bztc.happyidiom.R;
import android.app.AlertDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.TextView;public class DialogUtil {public static void showDialog(String result,Context context) {AlertDialog.Builder builder=new AlertDialog.Builder(context);LayoutInflater layoutInflater=LayoutInflater.from(context);View view=layoutInflater.inflate(R.layout.dialog_info, null);builder.setView(view);TextView tvldiomInfo=(TextView)view.findViewById(R.id.tvldiomInfo);tvldiomInfo.setText(result);builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog, int which) {// TODO Auto-generated method stubdialog.dismiss();}
});builder.create().show();} 
}
 

由此该项目完成。
 

结果图如下：
 


 
 


 
 


 

                                    

                                        这篇关于项目乐学成语HappyIdiom的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
                                    

                                    

                                

                            

                            

                        

                    

                    

                        

                            

                            http://www.chinasem.cn/article/842645。
                            
                        

                    

                    
                    

                        
                            
                        
                    

                

                

                    相关文章
                

                    

                        

                            

                                

                                    
                                        这15个Vue指令，让你的项目开发爽到爆
                                    
                                

                            

                            

                                

                                    这15个Vue指令，让你的项目开发爽到爆
                                

                                

                                    1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件，按住 Control 和回车键再显示它吗？小菜一碟： <template
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        如何用Docker运行Django项目
                                    
                                

                            

                            

                                

                                    如何用Docker运行Django项目
                                

                                

                                    本章教程，介绍如何用Docker创建一个Django，并运行能够访问。   一、拉取镜像  这里我们使用python3.11版本的docker镜像  docker pull python:3.11 二、运行容器  这里我们将容器内部的8080端口，映射到宿主机的80端口上。  docker run -itd --name python311 -p
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        在cscode中通过maven创建java项目
                                    
                                

                            

                            

                                

                                    在cscode中通过maven创建java项目
                                

                                

                                    在cscode中创建java项目 可以通过博客完成maven的导入 建立maven项目 使用快捷键 Ctrl + Shift + P 建立一个 Maven 项目     1 Ctrl + Shift + P 打开输入框2 输入 "> java create"3 选择 maven4 选择 No Archetype5 输入 域名6 输入项目名称7 建立一个文件目录存放项目，文件名一般为项目名8 确定
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        Vue3项目开发——新闻发布管理系统（六）
                                    
                                

                            

                            

                                

                                    Vue3项目开发——新闻发布管理系统（六）
                                

                                

                                    文章目录 八、首页设计开发1、页面设计2、登录访问拦截实现3、用户基本信息显示①封装用户基本信息获取接口②用户基本信息存储③用户基本信息调用④用户基本信息动态渲染 4、退出功能实现①注册点击事件②添加退出功能③数据清理 5、代码下载    八、首页设计开发 登录成功后，系统就进入了首页。接下来，也就进行首页的开发了。 1、页面设计 系统页面主要分为三部分，左侧为系统的菜单栏，右侧
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        SpringBoot项目是如何启动
                                    
                                

                            

                            

                                

                                    SpringBoot项目是如何启动
                                

                                

                                    启动步骤  概念 运行main方法，初始化SpringApplication 从spring.factories读取listener ApplicationContentInitializer运行run方法读取环境变量，配置信息创建SpringApplication上下文预初始化上下文，将启动类作为配置类进行读取调用 refresh 加载 IOC容器，加载所有的自动配置类，创建容器在这个过程
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        Maven创建项目中的groupId, artifactId, 和 version的意思
                                    
                                

                            

                            

                                

                                    Maven创建项目中的groupId, artifactId, 和 version的意思
                                

                                

                                    文章目录 groupIdartifactIdversionname     groupId 定义：groupId 是 Maven 项目坐标的第一个部分，它通常表示项目的组织或公司的域名反转写法。例如，如果你为公司 example.com 开发软件，groupId 可能是 com.example。作用：groupId 被用来组织和分组相关的 Maven artifacts，这样可以避免
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        2. 下载rknn-toolkit2项目
                                    
                                

                            

                            

                                

                                    2. 下载rknn-toolkit2项目
                                

                                

                                    官网链接： https://github.com/airockchip/rknn-toolkit2 安装好git：[[1. Git的安装]] 下载项目： git clone https://github.com/airockchip/rknn-toolkit2.git 或者直接去github下载压缩文件，解压即可。
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        9.8javaweb项目总结
                                    
                                

                            

                            

                                

                                    9.8javaweb项目总结
                                

                                

                                    1.主界面用户信息显示 登录成功后，将用户信息存储在记录在 localStorage中，然后进入界面之前通过js来渲染主界面  存储用户信息  将用户信息渲染在主界面上，并且头像设置跳转，到个人资料界面  这里数据库中还没有设置相关信息    2.模糊查找 检测输入框是否有变更，有的话调用方法，进行查找  发送检测请求，然后接收的时候设置最多显示四个类似的搜索结果
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        maven发布项目到私服-snapshot快照库和release发布库的区别和作用及maven常用命令
                                    
                                

                            

                            

                                

                                    maven发布项目到私服-snapshot快照库和release发布库的区别和作用及maven常用命令
                                

                                

                                    maven发布项目到私服-snapshot快照库和release发布库的区别和作用及maven常用命令  在日常的工作中由于各种原因，会出现这样一种情况，某些项目并没有打包至mvnrepository。如果采用原始直接打包放到lib目录的方式进行处理，便对项目的管理带来一些不必要的麻烦。例如版本升级后需要重新打包并，替换原有jar包等等一些额外的工作量和麻烦。为了避免这些不必要的麻烦，通常我们
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        html css jquery选项卡 代码练习小项目
                                    
                                

                            

                            

                                

                                    html css jquery选项卡 代码练习小项目
                                

                                

                                    在学习 html 和 css jquery 结合使用的时候 做好是能尝试做一些简单的小功能，来提高自己的 逻辑能力，熟悉代码的编写语法 下面分享一段代码 使用html css jquery选项卡 代码练习 <div class="box"><dl class="tab"><dd class="active">手机</dd><dd>家电</dd><dd>服装</dd><dd>数码</dd><dd
                                

                                

                                    阅读更多...
                                

                            

                        

                    

            

        

    


    


    

        

            Copyright China编程   23002807@qq.com
        

        

            沪ICP备2023033072号-2