`

TypeScript语法基础 - import引入模块

 
阅读更多

   1. 第一种暴露方式

export var dbUrl='xxxxx';
export function getData(){
	console.log('获取数据库的数据')
	return [{
		title:'111122'
	},{
		title:'122ddddd'
	}]
}

export function save() {
	console.log('保存数据成功');
}

//index.ts中接收
import {getData,save} from '../modules/db'
//export default getData; //default只能调用一次
getData();//获取数据库的数据
save();//保存数据成功

 

   2. 第二种方式

var dbUrl='xxxxx';
function getData(){
	console.log('获取数据库的数据')
	return [{
		title:'111122'
		},{
		title:'122ddddd'
	}]
}

function save() {
	console.log('保存数据成功');
}

export {dbUrl,getData,save};
//index.ts中接收
import {getData,save} from '../modules/db'
getData();//获取数据库的数据
save();//保存数据成功

 

   3. 综合应用

------------db.ts
interface DBI {
	add(info:T):boolean;
	update(info:T,id:number):boolean;
	delete(id:number):boolean;
	get(id:number):any[];
}

//定义一个操作mysql数据库的类 注意:要实现泛型接口 这个类也应该是一个泛型类
export class MysqlDb implements DBI{
	constructor() {
		console.log('数据库建立连接');
	}

	add(info: T): boolean {
		console.log(info);
		return true;
	}

	delete(id: number): boolean {
		return false;
	}

	get(id: number): any[] {
		return [];
	}

	update(info: T, id: number): boolean {
		return false;
	}

}

//定义一个操作mssql数据库的类
export class MssqlDb implements DBI{
	add(info: T): boolean {
	console.log(info);
		return true;
	}

	delete(id: number): boolean {
		return true;
	}

	get(id: number): any[] {
		var list=[{
			title:'1111',
			desc:'xxx'
		},{
			title:'12221',
			desc:'dmmmdld'
		}]
		return list;
	}

	update(info: T, id: number): boolean {
		return false;
	}
}

------------Article.ts
import {MssqlDb} from "../modules/db";

class ArticleClass{
	title:string | undefined;
	desc: string | undefined;
}

var ArticleModel=new MssqlDb();
export {
	ArticleClass,ArticleModel
}

------------User.ts
import {MssqlDb} from "../modules/db";

//操作用户表 定义一个User类和数据表的映射
class UserClass{
	username:string | undefined;
	password: string | undefined;
}
var UserModel=new MssqlDb();
export {
	UserClass,UserModel
}


import {UserClass,UserModel} from "../model/user";
import {ArticleModel,ArticleClass} from "../model/article";

//增加数据
var u=new UserClass();
u.username='张三';
u.password='112222';
UserModel.add(u);

//获取user表数据
var res=UserModel.get(122);
console.log(res);

//获取文章的数据
var aRes=ArticleModel.get(1);
console.log(aRes);

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics